Free device mockup generators

How to make a device mockup

1. Step 1

   Pick a device

   Filter by type, brand or model, or choose a photographed scene for a realistic shot.

2. Step 2

   Add your screenshot

   Upload, paste or drop it in. It snaps to the device's native screen resolution.

3. Step 3

   Style and export

   Choose a background and shadow, then export a PNG, JPEG or WebP, with a small “Made with MockFrame” badge on free exports.

Frequently asked questions

Are these device mockups free?

Yes. Every device frame and the full editor are free for personal use, with a small “Made with MockFrame” badge on exports. Pro adds 6K export, video and GIF export, premium backgrounds and a commercial license for ads, client work and store listings beyond your first free pack.

What's the difference between a frame and a photoreal scene?

Frames are drawn, pixel-accurate devices you can place on any background and tilt. Photoreal scenes are photographs of real devices — on a desk, in a hand, on a podium — calibrated so your screenshot is warped onto the screen with the photo's lighting.

Which devices are included?

Current and recent iPhones, iPads, MacBooks, Apple Watch, Samsung Galaxy phones, foldables, tablets and watches, Google Pixel, OnePlus, Nothing and Xiaomi phones, plus Safari, Chrome and Arc browser windows.

Do I need to resize my screenshot first?

No. A screenshot at the device's native resolution fills the screen pixel for pixel, and other sizes are scaled to the display. Each device page lists its exact screen resolution.

Can I make App Store screenshots with these mockups?

Yes. For a full store listing, the App Store screenshot generator puts your screens in a device, adds captions and exports every required App Store and Google Play size from one design.

Making store screenshots? Use the App Store screenshot generator or read the 2026 screenshot size guide.