✦ Free Chrome Extension

Screenshot UI
pixel-perfectly.

Stop guessing dimensions. UISnap lets you set exact width, height, corner radius, and Retina scale — then captures precisely what you see.

No account required · Works offline · No data collected

1280 × 800 · matched
The Problem

Screenshots are never
quite right.

Every designer knows the drill — you need a UI screenshot for the landing page, but the output is always slightly off.

  • 📐

    Inconsistent dimensions

    Browser zoom, window size, and DPI all affect what you get. Nothing stays the same twice.

  • 🔲

    No rounded corners

    Design specs call for 12px corners, but native screenshots are always sharp rectangles.

  • 🔍

    Blurry on Retina

    1× captures look soft on high-DPI displays. You need 2× but there's no easy way to get it.

One extension.
Every screenshot,
exactly right.

UISnap runs directly in Chrome. Set your target dimensions once, apply them to the window with one click, adjust corner radius and Retina scale, then capture. The same settings every time.

✓ What you see is what you export
Features

Everything you need.
Nothing you don't.

Exact Dimensions

Set width and height in pixels. Built-in presets for 1280×800, 1440×900, 1920×1080, and 375×812. Or type any custom size.

Rounded Corners

Dial in 0–48 px corner radius with a slider. Clipped via Canvas API — crisp at any scale, with optional transparent background.

Retina / 2× Output

Export at 1× or 2× scale. A 1280×800 Retina capture produces a pin-sharp 2560×1600 image — ready for any display.

Live Window Resize

Click "Apply to Window" to instantly resize the browser to your target viewport. A green indicator confirms the match — what you see is what you'll capture.

PNG, JPEG, WebP

Choose your format. PNG preserves transparency with rounded corners. JPEG and WebP support adjustable quality for smaller file sizes.

Named Presets

Save any configuration as a named preset — "Landing Hero", "App Store 6.5"", "OG Image". Load it in one click next session.

How it works

From browser to asset
in four clicks.

1

Set your dimensions

Pick a preset or type the exact pixel size you need for your design.

2

Apply to window

Click "Apply to Window" — the browser resizes instantly. Green indicator = perfect match.

3

Adjust style

Set corner radius, format, Retina scale, and background color to match your design spec.

4

Capture & done

Click Capture. The processed image downloads automatically — no copy-paste, no Photoshop.

Start capturing
the right way.

Free forever. No account. No tracking. Just better screenshots.

Add UISnap to Chrome

Chrome 116+ · Manifest V3 · Open source