Phone mockup generator

Place a mobile app screenshot inside a simplified smartphone frame (rounded case and camera island), drawn directly on Canvas, for your presentation visuals or App Store listing.

PNG, JPG or WebP — ideally in 9:19.5 portrait format

How it works

A raw app screenshot lacks the context to show that it is really a mobile experience. This tool draws a stylized smartphone case (rounded edges, a camera island at the top of the screen) directly on Canvas, then places your screenshot inside it, cropped and scaled to fit.

Is this mockup suitable for App Store or Play Store screenshots?

It can serve as a visual base for a marketing image or a portfolio, but app stores have their own precise dimension requirements for official screenshots. Check the sizes required by Apple or Google before submitting a final image based on this mockup.

Can I change the shape of the notch at the top of the screen?

The current mockup draws a rounded camera island like those on recent smartphones. It is not a faithful reproduction of a specific model, but a neutral generic frame that suits most mobile app presentations.

Nothing is sent to a server: the mockup is generated entirely in your browser.