Free iPhone Mockup Generator for App Screenshots

To make an iPhone mockup, paste your App Store link into the generator above, or drop your screenshots onto it. Each screenshot appears inside an iPhone frame right away. Pick a size, a frame color and a background, then click Download Mockup. The file is a full size PNG with no watermark, and you never make an account.

An iPhone mockup is a picture of your app's screen shown inside a drawing of an iPhone. App makers use mockups on landing pages, in pitch decks, in launch posts on Instagram and LinkedIn, in press kits and in App Store screenshots, because a bare screenshot looks like a cropped rectangle while a phone around it tells people at a glance that this is an app they can download.

This free iPhone mockup generator does one job well: it puts app screenshots into a clean, front facing iPhone at a resolution you can print. It draws the phone in code instead of stretching a small picture, so a 2400 pixel tall export is as sharp as the screen preview. Your files are read in your browser and never uploaded. Screenshots loaded from an App Store link come straight from Apple's public image server at full size.

Spreadcast built the generator because it draws the same iPhone frame into thousands of social media posts for app makers. Spreadcast checks your App Store listing every day, turns each new version into a designed post with your own screenshot in this frame, writes a caption for each network and publishes it for you. The mockup tool is the free part. The posting is the part Spreadcast does every time you ship.

Most mockup generators make you find your screenshots, download them, and upload them again. Here you paste your App Store link, such as apps.apple.com/us/app/yourapp/id123456789, and the generator reads your public listing and loads up to 10 iPhone screenshots in the order they appear on the store. You can also type the app's name, and it uses the first matching app.

The screenshots arrive at full size. Apple's public lookup returns small 392 pixel wide previews, but the same image server returns the original file when asked for a larger size, so the generator asks for 1290 pixel wide screens. A mockup made from your link is as sharp as one made from the files on your computer.

The country in the link matters. A link with /de/ in it loads the screenshots from the German storefront, which is where you find localized screenshots if you made them. A link with no country uses the United States store. To make mockups of each language, paste the link once per storefront and download each set.

Two limits are worth knowing. Google Play links do not work yet, so drop Android screenshots in as files. And an app with no iPhone screenshots on its listing, such as an iPad only app, loads its iPad screenshots instead, which look stretched in a phone frame. For those, upload the screens you want.

The same link does something else on Spreadcast. Paste it into Spreadcast's start page and Spreadcast reads the listing the same way, keeps your icon, screenshots and colors as your brand, and drafts your first post from your latest version. The card under the generator hands your link over with one click, so you see that post without typing anything again.

People search for a mockup of their exact phone: iPhone 17 Pro mockup, iPhone 17 Pro Max mockup PNG, iPhone 18 Pro mockup. For a screenshot mockup, the model matters less than the screen shape. The modern iPhones all share the same tall screen with a Dynamic Island and rounded corners, so one well drawn frame fits all of them.

The screen sizes back that up. Apple's tech specs for iPhone 17, iPhone 17 Pro and iPhone 18 Pro give a 2622 by 1206 pixel display, and the iPhone 17 Pro Max and iPhone 18 Pro Max a 2868 by 1320 pixel display. That is the same 0.46 width to height shape, which is what the Dynamic Island frame in the generator is drawn for. A screenshot from any of these phones, or from the matching Xcode simulator, fills the frame with no cropping.

What the generator does not do is copy a model's exact camera bump, finish names or band thickness. Its five colors are close to the finishes people ask for, black, silver, blue, orange and green, without claiming to be Apple's paint. If you need the official image of a specific model, Apple publishes product bezels for current iPhones, covered in the guidelines section below.

Take screenshots on the device or in the simulator at full resolution. Apple's Xcode guide to capturing screenshots covers both a connected device and the simulator, and either way you get a file at the phone's native pixel size, which is what you want before you put it in a frame.

Searches for iPhone mockup PNG transparent and iPhone frame PNG transparent usually come from people who want to place a phone on their own background. Choose Phone Only and Transparent, and the download is a PNG of the phone and its shadow with nothing behind it. The checkerboard behind the preview shows which parts are see through.

A transparent mockup is the most flexible file you can make. Drop it onto a landing page section with your brand color, into a Figma frame next to your headline, onto a Keynote or Google Slides title slide, or into a Canva design. Because the phone is drawn at 2400 pixels tall, it stays sharp when you scale it down for a retina screen or print it in a press kit.

Switch the shadow off if you want to add your own, or if the phone sits on a dark background where a shadow would vanish anyway. Keep the shadow on for light backgrounds: it lifts the phone off the page the way product photos do.

Two places do not want transparency. App Store Connect refuses screenshots with transparency, which is why the App Store size always has a background. And a social post needs a background of its own, so use one of the social sizes instead of Phone Only when you post.

For a website, download Phone Only with a transparent background and display it at about half its pixel width. A phone shown 400 pixels wide on a page looks sharp on high density screens when the file is 800 pixels wide or more, and the Phone Only file is about 1,480. Save a copy as WebP or a compressed PNG for the page itself; keep the full file for print.

For a slide deck, the same transparent file sits on any slide background. Use one phone per slide with a single line beside it, or All in a Row on a closing slide that shows the whole app at once. Keynote, Google Slides and PowerPoint all keep the transparency of a PNG.

For Product Hunt and similar launch sites, the gallery images are the first thing visitors scroll. A row of three to five phones makes a strong first image, followed by single phones that each show one feature with a headline. Use the same background color as your launch post so the launch looks like one campaign everywhere it appears.

For press kits, include the transparent phones and the plain screenshots both, so editors can lay them out their own way, plus your app icon at full size. The free app icon size checker makes the 1024 pixel icon.

Yes, and many top apps do: a framed screen with a short headline above it is one of the most common App Store screenshot designs. Apple's rule is about content, not frames. Its guideline 2.3.3 help page says screenshots should show the app in use, not just title art, a login page or a splash screen, and that more than half of the screenshots for each device must show the app in use. A phone around a real screen of your app meets that.

Size and format are where uploads fail. App Store Connect accepts .jpeg, .jpg or .png at specific pixel sizes, with no transparency. The App Store size in this generator is 1320 x 2868, one of the accepted sizes for the 6.9 inch iPhone display group, and it downloads as a JPG with no alpha channel. Our App Store screenshot sizes guide lists every other size, and the free screenshot size checker tells you whether a file will be accepted before you upload it.

Leave room for words. A mockup on its own tells people what the app looks like but not why they want it. Place a four to six word headline above the phone, one benefit per screenshot, in your own font. Lead with your strongest screen. For ideas, see the App Store screenshot examples we collected from real listings.

For a feed post, choose Instagram Post. It makes a 1080 x 1350 picture, the 4:5 portrait shape. Instagram's own help page says the app keeps photos between 1.91:1 and 3:4 at up to 1080 pixels wide, while the publishing reference for developers, which scheduling tools use, stops at 4:5. A 4:5 post fits both, and it takes more of the screen than a square.

Use Story for anything full screen: Stories, Reels covers and TikTok photo posts all use the 9:16 shape at 1080 x 1920. For a carousel, make one Instagram Post per screenshot with Download All and post them together; Instagram allows up to 20 photos and videos in one post. Keep the same frame color and background on every slide so the carousel reads as one story.

What makes a mockup post work on social media is the same thing that makes any post work: one clear message. Show the one screen that proves the update, put the version number or the feature name in the caption, and post it the day the update goes live, not a week later. That last part is where most app makers fall behind, which is the gap Spreadcast fills.

Spreadcast's update posts are built from the same pieces as this generator: your own screenshot in an iPhone frame, at 1080 x 1350, in your colors. The difference is that Spreadcast notices the new version on the App Store, adds the headline and two or three points from your release notes, writes a caption for each network, and publishes it, without you opening anything.

The words get mixed up, so it helps to separate them. A device mockup, the kind this generator makes, is a finished screenshot shown inside a picture of a phone, used for marketing. A design mockup is a detailed, static design of a screen before it is built, usually made in Figma. A wireframe is a rough sketch of a screen's layout without colors or real content. A prototype is a clickable version of the design that lets people tap through the screens.

Searches like app mockup generator and how to make an app mockup mean different things depending on the stage. Before you build, you want a design tool and a prototype, which is where Figma and Apple's UI Kit come in. After you build, you want device mockups of the real app for the store, the website and social media, which is what this page is for.

AI tools now generate screen designs from a prompt. Those are design mockups of an app that does not exist yet. For marketing, show the real app: Apple's guidelines ask for the app as it runs, and people who download it expect to see the screens they were shown.

This generator makes flat, front facing iPhone mockups, which cover most app marketing. It does not make a phone held in a hand, a phone on a desk in a photo, 3D angles, or animated video mockups. If you need those, iMockup Pro has 3D angles on its paid plans, Previewed renders 3D scenes and video on its paid plans, and Canva places mockups inside photo scenes. For a full set of App Store screenshots with designed backgrounds and headlines, a dedicated screenshot designer such as AppLaunchpad gives you more templates.

Android phones are not drawn here yet. Android screenshots look fine in the Plain Phone frame, which has no Apple details, but if you want a specific Pixel or Galaxy model, MockUPhone offers those devices.

For a launch, most app makers end up using two kinds of tool: one to make the screenshots and images, and one to get those images in front of people. Spreadcast covers the second part, and makes the update images for you as part of it.

Figma is where most app designers make mockups by hand. Apple publishes official design files on its Design Resources page: the iOS 27 and iPadOS 27 UI Kit for Figma and Sketch, and product bezels for iPhone Duo, iPhone 18, iPhone 17 and iPhone 16 as Photoshop and PNG files. The page reminds you to review Apple's marketing guidelines when you use the bezels in marketing.

The manual way works like this. Import Apple's bezel PNG into Figma. Draw a rectangle the size of the screen area, fill it with your screenshot as an image fill, round its corners to match the glass, and place it under the bezel. Group the two, and you have a reusable mockup you can duplicate for each screen. Export at 2x or 3x for sharp results.

The faster way is to make the phone here and import the transparent PNG into Figma as a single image. You lose the ability to swap the screenshot inside Figma, but you skip the masking and alignment, and the result is the same picture. Many teams do both: a Figma component for the screenshots they redesign often, and quick PNGs from a generator for social posts and decks.

Canva has its own mockup feature, but when we opened Canva's iPhone mockup page on October 19, 2026, it asked us to log in or sign up before showing anything. If you already use Canva, its mockups live inside your account. If you would rather not make one, make the phone here as a transparent PNG, then upload it to Canva as an image and build the rest of the design around it.

In Photoshop, Apple's product bezels are the starting point. Open the bezel file, place your screenshot on a layer under the bezel, scale it to the screen area and mask it to the glass. Apple ships the bezels as Photoshop and PNG files. This route gives you the official device image, at the cost of doing the fitting by hand for each screen.

Whichever tool you use, start from a full resolution screenshot. Upscaling a small screenshot to fit a large mockup is the most common reason mockups look soft. The App Store link import above avoids that by asking Apple for the full size files.

Every update post Spreadcast designs is built around the iPhone on this page. At the top sits your logo. Under it, a small New Update tag and a headline such as Version 2.4 Is Here. Then two or three short points taken from your release notes, each one a thing a user will notice, such as Offline Mode or Faster Sync. Beside them stands your own screenshot in the iPhone frame. The background, the type and the accents come from your app's colors and fonts.

Spreadcast writes the words in the language of your release notes, so a Spanish listing gets a Spanish post. If your notes only say bug fixes, there is no update post, because there is nothing a user would notice. And a version older than two weeks is never announced as new, so switching Spreadcast on never posts stale news.

Under the picture, each network gets its own caption with a link to your App Store page, and Spreadcast counts the taps on that link so you can see which posts send people to the store. Rating milestones get their own design: your rating in large type, five stars and the number of ratings.

A mockup is the start of a post, not the post. You still need a headline, a caption written for each network, a time to post and someone to press publish on Instagram, TikTok, LinkedIn, Facebook, Threads, Pinterest, Bluesky, Mastodon, Telegram and Discord, plus YouTube for video posts. That is the work most app makers skip, and why their last post is from launch week.

Spreadcast does the rest for you. Paste your App Store link once. Spreadcast keeps your icon, screenshots and colors as your brand, checks your listing every day, and when a new version goes live it designs the update post with your own screenshot in the iPhone you see above, plus the headline and two or three points from your release notes. A new rating milestone becomes a thank you post. Spreadcast writes a caption for each network and either waits for your one tap approval or publishes at nine in the morning your time on full autopilot.

You can also ask for a post whenever you want one: a carousel of 3 to 8 slides with real screens of your app, a quote post from a real five star review, or your own pictures and video. Everything is listed on the features page. Spreadcast is free to start: the free plan designs 3 posts for you to download. Pro is $29 a month and includes the clean designs, captions for every network and publishing to all of them, with no per channel fee. See the plans, or paste your link on the start page to see your first post drafted from your own listing.

Most free mockup sites place your screenshot behind a fixed picture of a phone. If that picture is 600 pixels wide, every mockup is soft once you scale it up, and the frame's color is whatever the picture was. This generator draws the phone in code each time, from rounded shapes and gradients measured to a modern iPhone's proportions, so the frame is crisp at 1,000 pixels or 3,000.

The screen area was measured from the glass of a real iPhone outline, at a width to height ratio of about 0.46, which is the shape of every Dynamic Island iPhone screen. Your screenshot is laid into that area with its top edge aligned, tucked slightly under the bezel so no seam of background shows down the sides, and clipped to the rounded corners of the glass. The bezel, the colored band, the side buttons and the Dynamic Island are drawn on top.

The preview you see and the file you download come from the same drawing at the same size. The page only shrinks the canvas to fit your screen. So what you approve is exactly what you get, pixel for pixel, with nothing redrawn on export.

Spreadcast draws the iPhone in its social posts the same way, which is why a post it publishes for your update looks like the mockups you make here.

Files you drop into the generator are opened by your browser and drawn on a canvas on your own computer. They are not uploaded to Spreadcast or anywhere else, and they are gone when you close the tab. That matters for screenshots of apps that are not released yet.

When you paste an App Store link, Spreadcast's server asks Apple's public lookup for the listing, the same information anyone can see on the App Store, and your browser then loads the screenshot images directly from Apple's image server. Nothing is stored, and no account is created. The links are rate limited to keep the tool free for everyone.

Other free tools covered on this page work the same way in principle: they put your screenshot into a device. Check each one's privacy policy if you are mocking up an app under embargo.