Device framing

iPhone mockups without a PSD to fill in

Upload one screen. Get it framed in current iPhone hardware, on a backdrop drawn from your own colours, exported at the size the App Store expects — or at any size your landing page needs.

iPhone mockup of a mobile banking app screenshot set generated with App Mockup Generator AI
Orbit Bank
iPhone mockup of a meditation app screenshot set generated with App Mockup Generator AI
Stillwell
iPhone mockup of a task manager app screenshot set generated with App Mockup Generator AI
Focus Flow

Three different mockups people mean by one word

The same upload produces all three. They differ in framing, not in effort.

Store listing

App Store gallery frame

A framed screen with a benefit headline above it, on a background pulled from your own palette. Exports at 1290 × 2796 with safe-zone margins and no transparency.

Exports at 1290 × 2796

Website

Landing page hero shot

The same screen at an angle with depth, reflections and a floating-card composition — the shot that goes above the fold on your marketing site or in a launch tweet.

Exports at Any ratio

Deck

Pitch deck and press kit

Clean, high-contrast framing with generous negative space, so the screen still reads when it is projected or dropped into a press kit at half size.

Exports at Original size

Six details that separate a mockup from a bordered screenshot

None of them are hard individually. Getting all six right by hand, for every screen, in every language, is where the afternoon goes.

Bezel proportion
Rendered as current iPhone hardware. A screenshot showing a discontinued bezel is a documented App Store review flag, so an outdated PSD frame is a real risk, not a cosmetic one.
Corner radius
The screen is masked to the device radius rather than pasted as a rectangle, which is the tell that separates a real mockup from a screenshot with a border drawn on it.
Shadow and contact
A grounded shadow with the right softness for the backdrop. Flat drop shadows at 50% black are the most common reason a mockup looks like clip art.
Screen fidelity
Your interface is kept exactly as uploaded. The model composes around it — it does not redraw your UI or invent buttons that do not exist.
Reflection and rim light
Optional edge lighting matched to the backdrop, which is what makes a dark-background mockup read as glass rather than as a black rectangle.
Angle
Straight-on for store listings, dimensional perspective for marketing shots. Ask the AI agent for an angle and it re-renders the same frame.
Art directions

Ask for up to four takes on the same screen

Brand Match

Your own palette, restrained type, gradient mesh backdrop. The safe default for a store gallery.

Bold Contrast

Deep saturated backdrop, oversized headline, strong directional rim light. Built to survive thumbnail scale.

Minimal Light

Off-white or pastel backdrop, thin type, generous negative space. Reads as premium in productivity and finance.

Layered Depth

Device at a perspective angle with floating glass UI cards and parallax behind it. The landing-page look.

Each variation costs one credit and comes back as a genuinely different composition rather than a re-roll. More on how they behave in screenshot styles & templates.

iPhone mockup questions

What iPhone does the mockup frame represent?+

Current flagship hardware — the 6.9" iPhone family, which is what App Store Connect asks you to upload for. That single set scales down to every smaller iPhone family automatically, so one frame covers the whole lineup.

Can I upload a Figma frame instead of a device screenshot?+

Yes. Export the frame as PNG at any resolution and upload it like a device capture. The generator reads the image, not the file origin.

Will the mockup change my UI?+

No. Your interface is preserved as uploaded and the model composes the backdrop, headline and framing around it. Only promotional copy that sits outside the device is written or translated.

Can I get the mockup without a headline?+

Yes — leave the headline field empty and you get a clean framed device on a backdrop, which is usually what you want for a landing page hero rather than a store listing.

Is there a free iPhone mockup option?+

Three credits come with a new account and one credit renders one mockup, so you can produce three finished frames before deciding anything. Refining a frame by chatting with the AI agent is free; only applying a change spends a credit.

One screen is enough to try it

Three credits on signup, no card. If the first frame is not better than what you have, you have lost two minutes.

Start free