Free iPhone Mockup Generator: Make a Transparent PNG in Minutes

Quick answer: Upload a screenshot to ScreenShipper's free mockup generator, choose an iPhone model and frame color, adjust tilt, 3D angle and shadow, and download a high-resolution PNG with a transparent, solid or gradient background. It runs entirely in your browser, needs no account, and your image is never uploaded to a server.

A mockup only works if people look at your app, not at the phone. Before you open any tool, check these five things:

1. A real, current screen. Show your app as it runs today, with realistic but fictional data. A blank screen or a design that never shipped undermines trust.
2. The right shape. Modern iPhones have tall screens with rounded corners and a Dynamic Island. Use a capture from a recent full-screen iPhone so nothing important gets cropped when it's fitted into the frame.
3. A clean status bar. 9:41, full signal, full battery. Our clean status bar guide has the one-line simulator command.
4. Enough resolution. Start from a native capture, such as 1206 × 2622 from a 6.3″ iPhone simulator, and export larger than the size you'll display, so it stays sharp on high-density screens.
5. Restraint. One phone, a soft shadow and a calm background beat floating devices, glare and confetti.

If you need native captures, our Xcode simulator screenshot guide shows how to get full-resolution PNGs in seconds.

1. Open the mockup generator and click to upload your screenshot (PNG or JPEG).
2. In Device, choose an iPhone model. The list includes a Pro and Pro Max style frame, iPhone Air, iPhone Duo (outer and inner display) and an iPhone SE with a Home button.
3. Pick a frame color. Each model offers its real finishes, and you can set a custom frame color if you want it to match your brand.
4. Set Tilt and 3D angle for a flat or perspective look, then adjust Shadow and Size. Turn Screen glare on or off.
5. Choose a canvas: square, 4:5 portrait, 16:10 landscape or a 9:16 story.
6. Choose a background: transparent, a solid color or a two-color gradient.
7. Click Download PNG. The file name includes the model and pixel size, so exports stay organized.

Everything renders locally in your browser, so you can mock up unreleased screens without sending them anywhere.

The same screenshot can feel premium or cluttered depending on three settings. Match them to where the image will live:

Frame color tips:

• Put a dark frame on light backgrounds and a light or metallic frame on dark ones, so the edge of the phone stays visible.
• Pick a finish that echoes your brand color instead of competing with it. A blue app in a deep blue frame looks deliberate; in orange it looks random.
• Keep the same model and color across a series of posts. Consistency makes a campaign recognizable.

Angle tips: small angles look natural. Big rotations make text in your UI harder to read, and readable UI is the whole point.

The free generator makes marketing images: hero shots, social posts, decks. App Store screenshots are a different job. They need exact pixel sizes, a headline per screen, a consistent set of up to 10 images, and no transparency, because stores reject images with an alpha channel.

For that, use device frames inside a full screenshot design. ScreenShipper's editor draws the same frames in code, including iPhone Pro Max, Air, Duo and SE, iPad Pro, Pixel and Galaxy, with real colors, tilted and 3D poses, handheld photo mockups and frameless layouts. Our guide to App Store screenshot mockups explains when a frame helps, and frameless screenshots explains when it's better to drop it and show the UI bigger.

As of this writing, the guidelines:

• Point you to Apple-provided product bezels from Apple Design Resources, used as is.
• Prefer straight-on product shots and rule out tilting, cropping, extreme angles, 3D renderings and simulations of Apple products in that material.
• Ask you to show the latest-generation devices your app supports, at correct relative sizes when several appear together.
• Require the screen to show your app as it actually runs, on the latest OS, with fictional rather than real personal data.
• Ask for a full network, Wi-Fi and battery icon in the status bar.
• Set a minimum device size of 200 px tall on screen.

App Store screenshots themselves are judged by the App Review Guidelines, which focus on accuracy: screenshots must show your app in use. If you're unsure which rules apply to a given use, the cautious choice is a straight-on frame or a frameless layout that shows the real UI.

• Stretched screenshots. A capture from an older 16:9 iPhone squeezed into a modern frame distorts the UI. Capture on a matching device.
• An outdated model. A Home button frame signals "old app" unless you're specifically targeting the iPhone SE.
• Real personal data. Names, emails and messages from your own account have no place in public images.
• Mixed devices in one series. Switching models and colors between posts looks inconsistent.
• Heavy effects. Strong glare or reflections hide the very UI you want people to see.
• Low-resolution exports. Download at full size and let your website scale the image down.

Using mockups on a website? Our app landing page guide shows where they work best.