Real 3D devices, right in your browser. Rotate, tilt, fold, and zoom until the shot feels just right.
02 / EVERY DETAIL
Big ideas. Bigger exports.
Take your mockup from a portfolio thumbnail to a full presentation. Transparent PNGs, all the way up to 8K.
8K8192 PX · TRANSPARENT PNG
03 / JUST YOURS
Your pixels stay private.
No uploading to servers. No waiting in a queue. Your screenshots and exports are processed on your own device.
FROM SCREENSHOT TO SHOWCASE
Three steps. Infinite possibilities.
No design software. No complicated workflow. Just you, your design, and a fresh perspective.
01
Pick your canvas.
Choose your iPhone and finish. From the familiar Pro to the foldable Duo.
02
Drop in your design.
Add a screenshot, adjust its crop, and move the phone to find your perfect angle.
03
Take it anywhere.
Export a crisp PNG with a transparent background. Ready for whatever you’re making.
THE TOOL, EXPLAINED
Make an iPhone mockup that fits your work.
Free iPhone Mockup is an online iPhone mockup generator for designers, developers, and anyone presenting a mobile screen. Upload a screenshot you already made, place it inside a three-dimensional iPhone, and compose the view in your browser. The tool is free to use, with no account or watermark. It focuses on iPhones: choose the 18 Pro, 18 Pro Max, or foldable Duo. If you arrived looking for a general phone mockup generator or a mobile mockup, these are the device options available here.
Put your app or website on the screen
Start with a PNG, JPG, or WebP of your interface. Fill covers the iPhone display and lets you adjust the horizontal and vertical crop. Fit shows the complete source image inside the screen. Rotate the design if its orientation needs correction; that setting is separate from rotating the phone. This makes the editor useful for an iPhone screen mockup of a landing page, an iPhone app mockup of an onboarding flow, or a simple screenshot-to-mockup presentation. The display content follows the 3D perspective as you move the device.
Find a real 3D angle
A flat frame can show a screen, but a 3D iPhone mockup adds the hardware, sides, and depth that help a design sit naturally in a portfolio or launch graphic. Drag to rotate the model, switch to Move to reposition it, and zoom in or out. Front, three-quarter, low, high, and top presets offer useful starting points. The Rotate frame field accepts an exact degree value for small adjustments. The iPhone Duo also has an adjustable fold angle and independent screenshots for its inner and cover displays.
Match a reference without copying it into the export
Have an image of a composition you like? Turn on Trace a reference and add it behind the phone. Switch the canvas editing target from Mockup to Reference to move, resize, or rotate the guide. The reference and mockup each have an opacity slider, so you can compare their outlines while you work. When you return to Mockup, the phone moves independently again. Your guide stays in the editor and never appears in the exported image. The angle-matching guide walks through this manual process in more detail.
Shape the light around the device
Studio lighting gives the frame realistic highlights. Turn on Move lighting to place the sun control anywhere on the canvas by clicking or dragging, then change its intensity beside the sun or in the settings panel. You can reset intensity to 100% when comparing looks. Turn studio lighting off if flatter, unlit colors suit your layout. The lighting controls affect the device, while the uploaded design remains mapped to its screen. You can preview the result from every angle before choosing the final shot.
OUTPUT THAT FITS YOUR LAYOUT
Download an iPhone mockup PNG with a transparent background
Open Export PNG when the composition is ready. Choose 2K, 4K, or 8K for the longest edge, subject to your browser’s graphics and memory limits. The file contains the rendered phone and your screen design on transparency, so you can place it over a slide, website section, or poster without removing a backdrop. This is a transparent iPhone mockup PNG, not a screenshot of the editor: the reference guide and on-canvas controls stay out of the file. For the sharpest result, start with a source screenshot that already has enough detail for your intended output size.
Free, private, and ready when you are
Your screenshots and reference images stay in this browser tab; image preparation and PNG rendering happen on your device. There is no upload queue, signup, subscription, or watermark. The editor is meant to help you move from a working interface to a useful presentation image without opening a separate design application. If you are making your first mockup, the step-by-step creation guide covers the full route from choosing a model to downloading the file.
Choose the frame for your story
Use the iPhone 18 Pro mockup for a focused portrait screen, or try the iPhone 18 Pro Max mockup when you want a larger device presence around a detailed interface. The iPhone Duo mockup is for foldable layouts and separate inner and cover experiences. Each model page opens its device directly and gives screenshot proportion guidance. You can still switch devices in the shared editor at any time.
A FEW GOOD QUESTIONS
Everything else you might wonder.
How to make an iPhone mockup?
Choose an iPhone model, upload your screenshot, fit it to the display, and set the 3D angle and lighting. Export the result as a transparent PNG.
How to make an iPhone app mockup?
Capture a screen from your app, upload it to the iPhone mockup generator, and use Fill or Fit to place it on the display. Rotate the phone and download the finished PNG.
How to use an iPhone mockup?
Use an iPhone mockup to show how an app or website looks on a device. Add your screen design, choose a viewing angle, then place the transparent export in a portfolio, presentation, or product page.
What is an Apple mockup?
An Apple mockup is a visual preview of a design shown on an Apple device, such as an iPhone. This independent tool lets you put your own screenshot on a 3D iPhone model; it is not affiliated with Apple.
Where can I get mockups for free?
You can create a free iPhone mockup here in your browser. Choose a device, add your screenshot, adjust the view, and download a transparent PNG without signing up or adding a watermark.
How to do an iPhone mockup?
Start with a screenshot of the design you want to present. Select a phone, upload the image, adjust its crop, and move or rotate the 3D model until the composition looks right.
Is a 3D mockup free?
Yes. This 3D iPhone mockup tool is free to use, including the device models, angle and lighting controls, and 2K, 4K, or 8K PNG export when your device supports it.
Can ChatGPT create mockups?
Yes. ChatGPT can generate visual mockup concepts from a prompt. For a mockup that uses your exact screenshot on a consistent 3D phone model, this tool gives you direct control over the device, angle, fold, lighting, and transparent PNG export.
Is it really completely free?
Yes. Every device, angle, and export size is free. There are no accounts, subscriptions, watermarks, or daily limits.
Do my screenshots or references get uploaded anywhere?
No. Your images stay in this browser tab. The preview and PNG export happen on your device, and your images are never sent to a server. Reloading the page clears the session.
Which iPhones can I use?
Choose iPhone 18 Pro or iPhone 18 Pro Max in Silver, Black, Burgundy, and Glacier, or the foldable iPhone Duo in Night Sky and Star White. The Duo includes an adjustable hinge and separate inner and cover screenshots.
What image formats are supported?
Upload a PNG, JPG, or WebP image up to 40 MB and 64 megapixels. Fill the screen with an adjustable crop, or choose Fit to show your whole design. Transparent areas of your screenshot appear over a black display.
How large are the exported mockups?
Choose 2K, 4K, or 8K on the longest edge, subject to your device’s graphics and memory limits. Every export is a transparent PNG. A larger output makes the phone render sharper, but cannot add detail missing from your original screenshot.
Can I use it on my phone or tablet?
Yes. Drag with one finger to rotate, and use two fingers to zoom or move. Tap Settings to open the controls. Export sizes depend on your device.
.svg)