Home / Design / Device Mockup Generator

Device Mockup Generator

Place screenshots into phone, tablet, laptop, browser and monitor frames, flat or in 3D perspective, on a custom background.

Free, no uploads, no sign-up. Runs 100% in your browser.

How Device Mockup Generator works

Device frames are drawn with Canvas 2D around your screenshot. For angled views the framed device is projected with a perspective camera and warped onto the canvas in many small triangles, then placed on your background with a soft shadow.

Input: PNG, JPG, WEBP. Output: PNG, JPG, WEBP.

How to use Device Mockup Generator

  1. Drop or paste a screenshot.
  2. Pick a device and an angle preset or use the sliders.
  3. Choose the background and canvas shape.
  4. Download a high-resolution PNG.

Tips

  • Use "Top aligned" for tall page screenshots.
  • Pick "None" as background for a transparent PNG.

Device Mockup Generator FAQ

Is my file uploaded?
No. Everything runs in this browser tab on your own device. Engines are downloaded once and cached, but your files never leave your computer.
Are my files uploaded?
No. This tool runs entirely in your browser tab. Files are read from your disk into memory and the result is generated locally.
Is it free? Are there limits or watermarks?
Free and open source (MIT). There are no file-size caps, daily quotas, accounts or watermarks.
Does it work offline?
Yes, once the page (and any engine it needs) has loaded, it keeps working without a connection thanks to the service worker cache.

Related tools

OpenFile runs in your browser. Turn on JavaScript to use the tools.