Phone mockup

iPhone Mockup Generator

Drop an app screenshot into a clean phone frame and download a polished iPhone-style mockup — free and right in your browser.

Drop a screenshot to frame

Drag & drop, paste, or pick a file

PNG · JPG · WebP — composed on your device

Phone frameGradient backgroundsNo sign-up Phone · Laptop · Browser

Show your app in a phone frame

An app screenshot inside a phone frame is the standard way to present a mobile app — on the App Store, on a landing page, in a deck, or on social media. The frame gives an instant sense of scale and makes a flat screenshot feel like a real device in someone's hand.

This generator wraps your screenshot in a modern phone frame with rounded corners and a notch-style cutout, then places it on a background with padding and a shadow. The screenshot stays at full resolution, so the mockup is sharp enough for retina displays and print.

How to make an iPhone mockup

  1. Open your app screenshot. A tall portrait screenshot fits the phone frame best. Drag, paste, or choose a file.
  2. Select the Phone frame. Your screenshot snaps into the phone's screen with rounded corners.
  3. Add a background. Choose a gradient or colour, then adjust padding, shadow, and a slight tilt.
  4. Download. Save a high-resolution PNG, JPG, or WebP phone mockup.

Use a full-screen screenshot

For the cleanest result, capture a full-screen app screenshot at the phone's native resolution (no status-bar clutter if you can avoid it). A portrait aspect ratio close to a real phone fills the frame neatly with no awkward gaps.

iPhone mockup at a glance

Frame / preset
Generic iPhone-style phone frame (rounded body, notch cutout)
Screen aspect
Capture portrait at ~19.5:9 — recent iPhone Pro screens are 1206 × 2622 px (Pro Max 1320 × 2868 px)
Best for
App Store and Google Play screenshots, mobile-app landing pages, and pitch decks that need a phone in hand.

iPhone mockup tips

  • Feed in a tall portrait screenshot at the phone's native resolution; a ~19.5:9 capture fills the frame neatly, while a shorter or wider image leaves the frame taller than the screenshot.
  • This is a clean, neutral phone frame (rounded corners and a centred notch / dynamic-island cutout) — it is not an Apple product and is not affiliated with Apple, so it is safe to use in commercial listings.
  • For App Store uploads the 6.9-inch class leads at 1320 × 2868 px and one portrait set auto-scales to the smaller iPhone sizes; export at full resolution so the framed mockup still meets those pixel requirements.
  • Hide status-bar clutter (low battery, notifications) before capturing for the cleanest result.

More mockup & screenshot tools

Frequently asked questions

Is this an official iPhone frame?

It's a clean, generic phone frame styled to look modern — rounded corners and a notch-style cutout. It isn't an Apple product or affiliated with Apple; it's a neutral device mockup.

What screenshot size works best?

A tall portrait screenshot at the phone's native resolution works best. The screenshot keeps its full resolution in the export.

Can I export it with a transparent background?

Yes. Choose the None background and export as PNG or WebP to keep transparency around the phone.

Where is my image processed?

The mockup is composed in your browser, so the new image is created on your own device. How any data associated with the tool is handled is described in our privacy policy.

More image tools