Skip to content
EVOA Toolbox

Screenshot Mockup Generator

Place a screenshot in a browser, laptop, phone or tablet frame with a custom background and shadow, then export a PNG.

Processed locally in your browser. Your file is not uploaded.

Loading tool…

What this tool does

Turn a plain screenshot into a presentable image for a landing page, README, app store listing or social post. Pick a browser window (with an editable address bar), a laptop, a phone or a tablet. The frames are drawn with vector paths in your browser, so there are no external images and edges stay crisp at any size.

Style it with a solid, gradient or transparent background, padding, a scale slider, corner rounding and an adjustable drop shadow. Output size can follow the content automatically or match a preset such as 1280x800 or 1200x630. The device is sized to your screenshot's aspect ratio, so the screenshot is never stretched or cropped.

All frames, styling options, densities and presets are available. Your screenshot is processed locally and never uploaded.

How to use it

  1. 1Add a screenshot (PNG, JPG, WebP, GIF or AVIF).
  2. 2Choose a frame: browser, laptop, phone or tablet. For the browser frame, type the address you want to display.
  3. 3Set the background, padding, scale, corner rounding and shadow.
  4. 4Pick an output size, or leave it on automatic.
  5. 5Download the PNG.

Supported formats

Input: PNG, JPG, WebP, GIF (first frame) and AVIF. Output: PNG, with an optional transparent background.

Privacy

This tool runs in your browser. The data you provide is processed on your device and is not sent to our servers.

Limitations

  • Frames are generic illustrations, not exact copies of any brand's hardware.
  • Exports are limited to 8192 px on the longest side to stay within browser canvas limits; 2x/3x density is reduced automatically if needed.
  • Animated GIFs export their first frame only.
  • The screenshot is placed at its own aspect ratio; for exact device resolutions crop it first.

FAQ

Can I get a transparent background?

Yes. Choose Transparent and download the PNG; the shadow is kept. Transparent export works at every density.

Which presets are available?

Automatic, 1280x800, 1200x630, 1080x1080, 1920x1080, 1080x1920 and 3840x2160.

Why is my phone mockup narrow?

The frame follows the aspect ratio of your screenshot. A portrait phone screenshot produces a tall device centred in the chosen output size.

Can I change the address bar text?

Yes, with the browser frame selected. The text is only decoration and does not load a page.

Related tools