Device frames

Device mockups that export at store-exact sizes

Most mockup generators hand you a pretty PNG at whatever size the render happened to be. These frames sit on canvases the App Store and Google Play already accept — so the mockup you design is the file you upload, not the file you then have to resize.

When a frame helps — and when it hurts

A device frame does one genuinely useful thing: it tells someone scrolling a store listing, in a fraction of a second, that they are looking at software running on a phone rather than a web page or an ad. That context is worth the pixels it costs — on the first two screenshots.

It stops paying for itself in three places: Wear OS. Google forbids device frames on Wear OS screenshots outright. Submit the 1:1 image bare. Detail shots. A frame shrinks the screen inside it by roughly a fifth. When the whole point of the screenshot is a chart, a map or dense text, drop the frame and let the interface fill the canvas. Old hardware. A 2019 phone shell makes a 2025 app look like a 2019 app. Frames date faster than layouts do, which is why the shells here track current devices rather than whatever was flagship when the template was drawn. The rest is taste. Tilt and perspective look sharp on a hero screenshot and get tiring by the fifth one; a flat, straight-on frame is almost never the wrong call.

Photoreal shells for current devices

Each one sits on the canvas its store slot actually wants.

Every shell also has a procedural bezel fallback, which takes over past 15° of tilt on either axis — the point where a photographed shell stops lining up with a re-projected screen.

What these mockups do differently

They are part of a screenshot, not a deliverable of their own.

Photographed, not drawn

Real device shells with real material, edge highlights and camera detail, in five colourways each — so the frame can match your brand instead of fighting it.

Swap the device without redoing the layout

Frames are linked by device family across canvases. Choose iPhone 17 Pro Max once and the iPad, Pixel and Galaxy canvases move to their equivalents on their own.

The screen is a layer, not a paste-in

Drop a capture into the frame and it is masked to the screen shape, corner-rounded and positioned for you. Replace it a week later and everything around it stays exactly where it was.

Tilt, shadow and background you control

Perspective up to 15° per axis, stacked shadows, gradients and shape masks. The frame is one element in the composition rather than the whole picture.

Exports at the size the store wants

The canvas under the mockup is already 1320×2868, or 1848×2960, or 1024×500. No upscaling, no cropping, no second tool between the render and the upload.

One mockup, every language

The same framed screen can carry a different capture and a different headline per locale, so a localized listing does not mean rebuilding the mockup 12 times.

Device mockup questions

What is a device mockup?

A device mockup places a screenshot of your app inside an image of the phone or tablet it runs on. For store listings it does one job well: it signals at a glance that what you are looking at is an app, not a web page or an advert.

Which devices are available?

Photoreal shells for iPhone 17 Pro Max, iPad Pro 13" (M5), Pixel 10 Pro, Galaxy S26 and Galaxy Tab S8 Ultra — five finishes each, portrait and landscape. Beyond those, a procedural bezel renders any device preset in the catalogue.

Can I use device mockups in App Store and Play Store screenshots?

Yes for the App Store, and yes for Play phone, tablet and Chromebook screenshots — framed screenshots are the norm on both. The exception is Wear OS, where Google requires an unframed 1:1 image.

Do I need a transparent PNG of my app screen?

No. Upload a plain rectangular screen capture straight from a device or simulator. The frame masks it to the screen shape, rounds the corners and scales it to fit.

Can I tilt or rotate the device?

Up to 15° per axis on the photoreal shells — the point where a photographed device stops lining up with a re-projected screen. Past that the renderer switches to a procedural bezel, which can rotate freely.

Are these mockups free to use?

The editor, every frame and every device size are on the free plan with one project. Exporting the finished ZIP is part of the paid plans — see pricing .

Where do these mockups end up?

Usually straight into a store listing: the App Store screenshot set or the Play Store set , both of which start from the same framed design.

Frame your screens and ship the listing

Photoreal devices on store-exact canvases. Free to start.