KOEN

Screenshot Mockup Generator

SCREENSHOT · MOCKUP

Wrap screenshots in a browser window or phone frame, add a gradient background, padding, rounded corners and shadow, then save a crisp 2x PNG. No upload needed.

SAMPLE · 1200×750 Drag a screenshot here or paste it with Ctrl/⌘+V
HOW TO

How to use

  1. Drop a screenshot onto the canvas, paste it with Ctrl/⌘+V, or press Change image.
  2. Pick a frame (none, light or dark browser, or phone) and set the address bar text or device color.
  3. Choose a solid, gradient or transparent background, then adjust padding, corner radius, shadow and canvas ratio.
  4. Pick 1x, 2x or 3x and press Save PNG, or Copy image to paste it straight into Figma or Slack.
PAIRS WELL WITH

Pairs well with

FAQ

FAQ

Are my screenshots uploaded?

No. The mockup is composed on a canvas in your browser, and your image never leaves your device.

What does Source scale mean?

Retina Mac captures are 2x and phone captures are usually 3x the size they appear on screen. Setting the right scale keeps the frame, padding and shadow in proportion. It's guessed automatically from the image size.

Can I get a transparent background?

Yes. Choose Transparent under Background and the PNG keeps transparency, with the shadow saved as semi-transparent pixels.