Drop screenshots into device mockups
Place any screenshot inside a MacBook, iPhone, iPad, or browser frame. Go from flat capture to polished mockup in seconds. Works in your browser or runs locally on Mac & Windows.
Device frames at a glance
Five frame options — pick the one that matches your product.
| Device | Display Resolution | Best For |
|---|---|---|
| MacBook Pro 16" | 3456 x 2234 | Web apps, dashboards, SaaS products |
| MacBook Pro 14" | 3024 x 1964 | Dev tools, code editors, desktop apps |
| iPhone 15 Pro | 1290 x 2796 | Mobile apps, App Store listings |
| iPad Pro 12.9" | 2048 x 2732 | Tablet apps, reading interfaces |
| Browser Window | Any width | Websites, web tools, landing pages |
How to create a device mockup
Open your screenshot
Paste with ⌘V, drag a file in, or capture directly with the built-in screenshot tool. Your image appears on the canvas immediately. No import wizard, no file browser — just the screenshot ready to work with.
Pro tip: For the sharpest mockups, capture at the device's native resolution. A Retina Mac screenshot is already 2x — perfect for MacBook frames.
Choose a device frame
Select from MacBook, iPhone, iPad, or browser window frames. Your screenshot snaps into the device display area and scales to fit. Light and dark frame variants let you match the look to your content or presentation theme.
Pro tip: Presenting a dark-mode app? Use the dark device frame. Light UI? Go with the silver/white variant. Matching the frame to the content looks intentional.
Export or share
Copy the finished mockup to clipboard and paste straight into Keynote, Figma, Notion, or wherever you need it. Or export as PNG/JPEG at 1x, 2x, or 3x resolution. Clipboard sharing means zero file management between tools.
Pro tip: Export at 2x for App Store screenshots. Apple requires specific pixel dimensions — 2x from a Retina capture hits those marks cleanly.
Where device mockups make the difference
The screenshot is the same. The frame changes how people perceive it. Context matters more than pixels.
App Store and Play Store assets
App store listings live or die by their screenshots. A raw screenshot of your app sitting in a device frame tells the story immediately — people see the actual interface in context. Export at 2x for Retina requirements, drop into your listing, done. No Figma templates, no designer bottleneck.
Portfolio showcases
Flat screenshots in a portfolio look like homework. The same screens inside a MacBook or iPhone look like shipped products. That distinction matters when a potential client or employer is scrolling through your work. Two clicks to go from forgettable to professional.
Client presentations
Showing progress to a client? Raw screenshots feel unfinished even when the work is solid. Wrap them in a device frame and suddenly the same pixels look like a product reveal. It sets the right expectation and keeps the conversation focused on the design, not the delivery format.
Social media marketing
App screenshots on Twitter or LinkedIn get scrolled past. Device mockups get stopped on. The frame adds visual weight and context — the viewer's brain registers "real product" instead of "random UI." Better engagement from the exact same content, just framed differently.
Device mockup vs beautify — when to use each
Both tools make screenshots look more polished. They solve different problems, and they work even better together.
Use mockup when...
- You want to show the product in context on a real device
- You're building App Store or Play Store listing assets
- The screenshot is for a portfolio or case study
- Client or investor presentations
Use beautify when...
- A gradient background and shadow is all you need
- The screenshot is a UI detail, not a full screen
- You're sharing in Slack, docs, or blog posts
- Speed matters more than presentation polish
Best of both: Apply a device frame first, then beautify the result with a gradient background and shadow. The mockup sits on a polished backdrop — perfect for hero sections, pitch decks, and feature announcements.
Tips for better mockups
A device frame improves any screenshot. A few small decisions make the difference between decent and polished.
Match the device to your audience
Showing a mobile app? iPhone frame. SaaS dashboard? MacBook. This sounds obvious, but plenty of people mockup their web app in a phone frame and wonder why the text is unreadable. The device should match where people actually use your product.
Mind the resolution
A 800x600 screenshot stretched into a MacBook frame will look blurry. Capture at the device's native resolution or higher. For App Store assets, export at 2x minimum — Apple rejects anything below their pixel requirements.
Combine with beautify for the full effect
A device mockup on a plain transparent background looks half-done. Add a gradient background, a subtle shadow, maybe some padding. The beautify tool handles all of this. Two tools, one workflow, professional result.
Know the App Store requirements
Apple wants specific dimensions for each device slot. iPhone 15 Pro needs 1290x2796 or 1284x2778. iPad Pro needs 2048x2732. Get these right upfront and your export-to-listing workflow is a straight copy-paste.
Frequently asked questions
What device frames are available?
MacBook Pro (16-inch and 14-inch), iPhone 15 Pro, iPad Pro, and a minimal browser window frame. Each comes in light and dark variants.
Does my screenshot resize to fit the device?
Yes. The screenshot scales proportionally to fill the device display area. For best results, use screenshots that match the device's native resolution — but it works well with any size.
Can I combine a mockup with a gradient background?
Yes. Apply a device frame first, then use the beautify tool to add a gradient background, shadow, and rounded corners around the entire mockup. One workflow, one app.
Is this suitable for App Store screenshots?
Yes. Export at 2x or 3x resolution to meet Apple's requirements. iPhone mockups work perfectly for App Store listings, and iPad mockups handle the tablet screenshot slots.
Does the app run locally or in the cloud?
ScreenshotEdits is available on web, Mac & Windows. The desktop app runs locally — your screenshots never leave your Mac. No uploads, no accounts, no waiting for server processing.
Are device mockups free?
Yes — all device frames are included for free. The free version adds a small watermark to exports. A one-time €19 payment removes the watermark permanently.
Can I mockup multiple devices in one image?
Create individual device mockups and then use the combine tool to arrange them side by side. This gives you full control over spacing and layout.
Screenshots belong in device frames
Free to start. MacBook, iPhone, iPad, and browser frames included. No account needed.
Related tools & guides