Can I use a phone mockup for my App Store listing?

No. Apple and Google both require plain screenshots at exact pixel dimensions, without device frames, and a framed image is a common cause of a rejected upload. Mockups are for your own website, decks and social posts.

Should I export with a transparent background?

Usually yes. A transparent export drops onto a coloured section, a gradient or a dark hero without a visible rectangle behind it, and saves regenerating everything when the marketing palette changes.

What size screenshot should I upload?

The device's native resolution — a capture straight from the phone or simulator. The mockup exports at 3x, so a low-resolution source will look soft inside the frame.

Are these device frames free to use commercially?

Yes. The mockups are free and unlimited with no watermark, and you can use the exports on commercial sites and marketing material.

floow.design

Phone Mockup Generator

Drop screenshots into realistic iPhone and Android frames, then export every combination as PNG and SVG.

Create mockups freeFree to batch-export PNG and SVG mockupsNo sign-upNo watermarkRuns in your browser

Drop your app screenshots — several at once is fineProcessed in your browser — nothing is uploaded

DeviceBackground

Transparent keeps the mockup reusable on any surface.Padding

Drop shadowExport every device frame (10)

Add a screenshot and it appears inside the device frame here.

Upload a screenshot, pick a device, and get a framed mockup — the format every landing page, pitch deck and social post wants.

The frames use the real corner radii and proportions of current devices, so your screen sits inside the bezel the way it actually would on hardware.

What a device mockup is for

A framed screenshot does one job: it tells the viewer instantly that they are looking at a mobile app rather than a website. That context is worth a surprising amount on a landing page or an investor deck, where a bare rectangle of UI reads as ambiguous. It is presentation, not documentation — which is why the store listings deliberately forbid it.

Match the frame to the screenshot

A screenshot captured on a device with a punch-hole camera looks wrong inside a frame with a notch, and the mismatch is exactly the kind of detail that makes a landing page feel careless. Pick the frame that matches the aspect ratio of your capture and the artefact disappears.

Mockups are not App Store screenshots

Apple and Google require plain, correctly-sized screenshots without device frames for store listings. Framed mockups are for your own site, decks and social. Sending a framed image to App Store Connect is a common cause of a rejected upload — use the App Store screenshot generator for store assets instead.

How to use the phone mockup generator

Capture a screenshot at the device's native resolution rather than scaling one up.
Drop it in, then pick the device frame whose aspect ratio and cutout match your capture.
Choose a transparent background so the asset works on light sections, dark heroes and gradients alike.
Check that nothing important sits under the notch or Dynamic Island in the framed result.
Download the mockup at 3x and place it on your landing page, deck or social post.

Use it with

App Store Screenshot Generator — Caption and frame up to ten screenshots, then export them at every App Store and Play Store size at once.
Notch & Safe Area Simulator — Preview your screen against real notches and home indicators, and export the inset code for six platforms.
Device Size Reference — Screen dimensions, density and safe areas for current handsets — searchable, and exportable as code.

Frequently asked questions

Can I use a phone mockup for my App Store listing?: No. Apple and Google both require plain screenshots at exact pixel dimensions, without device frames, and a framed image is a common cause of a rejected upload. Mockups are for your own website, decks and social posts.
Should I export with a transparent background?: Usually yes. A transparent export drops onto a coloured section, a gradient or a dark hero without a visible rectangle behind it, and saves regenerating everything when the marketing palette changes.
What size screenshot should I upload?: The device's native resolution — a capture straight from the phone or simulator. The mockup exports at 3x, so a low-resolution source will look soft inside the frame.
Are these device frames free to use commercially?: Yes. The mockups are free and unlimited with no watermark, and you can use the exports on commercial sites and marketing material.