Phone Mockup Generator

Place app screenshots into iPhone and Android phone frame mockups with customizable angles.

Tested tool guide Tested browser tools Checked August 16, 2026

What Phone Mockup Generator does and how it behaves

Upload a screenshot of your app and this tool places it inside a phone frame - iPhone or Android - then rotates the whole device in perspective before exporting the composite as one image. It is a presentation tool, not a store-listing tool: the result is a flat picture, so cropping, re-angling, or retouching has to happen before you generate. The common surprise is that the angle tilts the screenshot along with the phone: steep angles foreshorten your UI and small text collapses into a blur. Everything runs in the browser, so the screenshot never leaves your machine.

How the result is produced

Frame and screen fit

You choose a phone model and the tool scales your upload into that model's screen area. Because each model has its own screen dimensions, an image whose aspect ratio does not match gets cropped or stretched to fill the frame - a screenshot made for one device can lose its edges, or pick up distortion, inside a frame built for another.

Angle and export

Angle controls rotate the phone in perspective, and the screenshot inside follows the same tilt, so the result reads as one continuous object rather than a flat picture pasted onto a frame. The export is a single flattened image: angle, frame, and screenshot are baked together and cannot be edited or separated after download, so re-generate rather than trying to fix the file later.

Good uses

Presenting app work in a portfolio or case study, where the same frame and angle across several screenshots makes the project read as one coherent product family.
Building marketing visuals for a landing page, blog post, or social post about an app, where the frame adds context that a bare screenshot lacks.
Sharing a feature or design update with a client or team in a deck, where a hand-held device makes the intent clearer than a rectangle of pixels.

Limits and checks

Aspect ratio mismatch trims your UI: if the upload's proportions differ from the chosen model's screen, edges are cropped or the image is stretched. Match the frame to the device the screenshot actually came from, and check the corners of the result.
Steep angles make small text unreadable: perspective foreshortening compresses the display area, and the export is raster, so anything marginal at full angle is illegible in the file. Pick the angle before you finalize, and zoom into the export to check.
The frame is a stylized approximation, not a spec sheet: bezel widths and cutout shapes are simplified, so do not derive dimensions from it. And because the composite is not an actual screenshot of the app, it does not qualify as an App Store Connect screenshot upload.

Common questions

Does the angle distort my screenshot, or only the frame around it?

Both rotate together: the tool renders phone and screen as one object in perspective, so a 30-degree tilt foreshortens the display area noticeably and small text softens. If legibility matters, keep the angle modest, and verify the export at full size before using it anywhere.

Can I submit these mockups to the App Store?

Not as the listing screenshots themselves: App Store Connect expects actual screenshots of the app at fixed pixel sizes, and a device-framed composite is not one, so it can fail submission checks or review. Use the mockup for your website, press kit, or social posts, and upload the raw screenshot to the store.

References and verification

The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.