Phone Mockup Generator
Drop a screenshot into a realistic iPhone or Android frame and export it ready to post.
Upload a screenshot, pick a device, and get a framed mockup — the format every landing page, pitch deck and social post wants.
The frames use the real corner radii and proportions of current devices, so your screen sits inside the bezel the way it actually would on hardware.
What a device mockup is for
A framed screenshot does one job: it tells the viewer instantly that they are looking at a mobile app rather than a website. That context is worth a surprising amount on a landing page or an investor deck, where a bare rectangle of UI reads as ambiguous. It is presentation, not documentation — which is why the store listings deliberately forbid it.
Match the frame to the screenshot
A screenshot captured on a device with a punch-hole camera looks wrong inside a frame with a notch, and the mismatch is exactly the kind of detail that makes a landing page feel careless. Pick the frame that matches the aspect ratio of your capture and the artefact disappears.
Mockups are not App Store screenshots
Apple and Google require plain, correctly-sized screenshots without device frames for store listings. Framed mockups are for your own site, decks and social. Sending a framed image to App Store Connect is a common cause of a rejected upload — use the App Store screenshot generator for store assets instead.
How to use the phone mockup generator
- Capture a screenshot at the device's native resolution rather than scaling one up.
- Drop it in, then pick the device frame whose aspect ratio and cutout match your capture.
- Choose a transparent background so the asset works on light sections, dark heroes and gradients alike.
- Check that nothing important sits under the notch or Dynamic Island in the framed result.
- Download the mockup at 3x and place it on your landing page, deck or social post.
Use it with
- App Store Screenshot Generator — Turn raw captures into store-ready screenshots at the exact sizes Apple and Google require.
- Notch & Safe Area Simulator — Preview your screen against real notches, Dynamic Islands and home indicators.
- Device Size Reference — Screen dimensions, logical points, pixel density and safe areas for current iPhones and Android handsets.
Frequently asked questions
- Can I use a phone mockup for my App Store listing?
- No. Apple and Google both require plain screenshots at exact pixel dimensions, without device frames, and a framed image is a common cause of a rejected upload. Mockups are for your own website, decks and social posts.
- Should I export with a transparent background?
- Usually yes. A transparent export drops onto a coloured section, a gradient or a dark hero without a visible rectangle behind it, and saves regenerating everything when the marketing palette changes.
- What size screenshot should I upload?
- The device's native resolution — a capture straight from the phone or simulator. The mockup exports at 3x, so a low-resolution source will look soft inside the frame.
- Are these device frames free to use commercially?
- Yes. The mockups are free and unlimited with no watermark, and you can use the exports on commercial sites and marketing material.