Mockup Generator
Drop a screenshot into a device or browser frame and download a PNG mockup — free, in your browser. iPhone, MacBook, iPad and browser-window frames.
100% private — runs entirely in your browser. Your files never leave your device.
Device and browser frames are drawn purely in CSS (no photos of real hardware), so your mockup is free to use. Screenshots are read locally and never uploaded. For a crisp export, use a high-resolution screenshot.
How to use the Mockup Generator
- Upload a screenshot.
- Choose a device or browser frame.
- Adjust the URL bar and background.
- Download the PNG mockup.
What you can use it for
- Frame app and website screenshots
- Create polished mockups for portfolios
- Make marketing and social images
- Present designs in a device context
More free tools
Editing images?
Convert, compress, vectorize and mock up images with our free, private image tools.
See all free image tools →Frequently asked questions
What frames are available?
A browser window (Mac or Windows), iPhone, MacBook and iPad. The frames are drawn purely in CSS, so your mockups are free to use.
Do you use real photos of devices?
No — the frames are CSS shapes, which avoids any licensing issues with vendor product images.
How do I get a crisp result?
Upload a high-resolution screenshot; the PNG is exported at 2× for sharp edges.
Is my screenshot uploaded?
No — it's read locally in your browser and never leaves your device.