How to Add an iPhone Frame to a Screenshot (3 Easy Ways)
There are three reliable ways to add an iPhone frame to a screenshot: the free Apple Frames shortcut, a web-based mockup generator, or a screenshot editor app like ShotLab that frames, styles, and exports in one place. The shortcut is fastest for a bare frame, web tools offer the most templates, and an app wins when you also want backgrounds, annotations, and social-ready export sizes. Here is how each route works and when to pick it.
What a device frame does for your screenshot
A raw screenshot is a rectangle of UI with no context — it can read as a bug report as easily as a product shot. Wrapping it in a device frame instantly tells the viewer this is an app running on an iPhone, and it adds the physical edges, corner radius, and proportions people recognize. That matters anywhere the screenshot represents a product: launch posts, App Store previews, landing pages, press kits, and pitch decks. A frame also solves a practical problem: modern iPhone screenshots have rounded content and odd aspect ratios that look unfinished on white backgrounds. Framed and placed on a styled canvas, the same capture looks deliberate. The device mockup is doing silent work — signaling platform, scale, and polish before anyone reads a word.
Option 1: The Apple Frames shortcut
Apple Frames is a free, well-maintained Shortcuts workflow (by MacStories) that composites your screenshot into an official-looking device image on your iPhone. Install the shortcut, run it, pick one or more screenshots, and it detects the device from the image resolution and returns a framed PNG. It is fast, free, and produces accurate frames for most recent iPhones, iPads, Macs, and Apple Watch models. The trade-offs: you get exactly one look — Apple’s device render on a transparent background — with no backgrounds, shadows, annotations, or export sizing. It can also lag behind brand-new devices until the shortcut is updated, and screenshots taken at non-native resolutions sometimes fail detection. Use it when you need a clean framed PNG to drop into another design tool.
Option 2: Web-based mockup generators
Sites like Mockuphone, Shots, and screenshot-beautifier tools such as BrandBird let you upload a screenshot in the browser and place it into a device template, often with backgrounds and effects. Their strength is template breadth — many devices, angles, and scene styles — and they work from any computer, which suits desktop-heavy workflows. The friction shows on mobile: you have to get the screenshot off your phone or work in a mobile browser, uploads mean your image transits someone’s server, free tiers commonly watermark or limit resolution, and the good templates sit behind subscriptions. For a one-off marketing image made at a desk they are a fine choice. For screenshots that are already on your iPhone, a round trip through the browser is usually the slow path.
Pick the right background and export size for where you post
A framed screenshot floating on transparency still needs a canvas. Match the background to the destination: a soft gradient or brand color for social feeds, a subtle pattern for blog headers, clean solid colors for documentation. Give the frame a gentle shadow so it sits on the background rather than pasted over it. Then export at the ratio the platform actually displays: 9:16 for Stories and Reels, 1:1 or 4:5 for Instagram feed posts, 16:9 for X/Twitter cards, blog posts, and presentation slides. Exporting at the native ratio means the platform will not crop your device frame mid-bezel — the most common way a good mockup gets ruined between the editor and the feed.
- Stories and Reels: 9:16 vertical
- Instagram feed: 1:1 square or 4:5 portrait
- X/Twitter, blogs, slides: 16:9 wide
Option 3: Frame it in ShotLab — phone, browser, and 10+ more styles
ShotLab is a free screenshot editor for iPhone that frames, styles, and exports on the device where the screenshot already lives. Beyond the phone frame, it has browser, photo, room, cinema, TV, floating, glass, stacked, outline, and Instagram-style frames — so one app covers app mockups, web screenshots, and social cards.
- 1Import the screenshot from your photo library, or share it to ShotLab from the screenshot preview.
- 2Pick the phone frame for an iPhone mockup — or the browser frame if you are showing a web app.
- 3Choose a background: a solid color, gradient, or pattern that fits where you will post.
- 4Fine-tune the scene with shadow, spacing, corner radius, and rotation so the frame sits naturally.
- 5Add an annotation or sticker if the screenshot needs a callout, and mask anything private with blur or redaction.
- 6Export with the preset that matches the platform — Story 9:16, Square 1:1, Portrait 4:5, or Wide 16:9.
FAQ
Can I add an iPhone frame to a screenshot without a Mac?
Yes. All three methods in this guide run without a Mac: the Apple Frames shortcut and ShotLab work directly on your iPhone, and web mockup generators run in any browser.
Is the Apple Frames shortcut safe to install?
Yes. It is a widely used, openly published Shortcuts workflow from MacStories. Like any shortcut, install it from the official source, and note that it composites images locally on your device.
What size should a framed screenshot be for social media?
Export at the ratio the platform displays: 9:16 for Stories and Reels, 1:1 or 4:5 for Instagram feed posts, and 16:9 for X/Twitter cards and blog headers. ShotLab includes presets for each so the frame is never cropped by the platform.
Can I put a browser frame around a screenshot instead of a phone?
Yes. ShotLab includes a browser-window frame with the familiar traffic-light controls, which suits web apps, dashboards, and landing pages better than a phone mockup.