iPhone Mockups for App Interfaces and UI Design
Choose the right iPhone model and angle, add your screen design with Smart Objects, and create realistic visuals for app launches, client previews, and brand presentations.

How iPhone mockups work
A quick guide to presenting your app, interface, or case design with iPhone mockups in four simple steps.
Choose your iPhone mockup
Pick the iPhone model, viewing angle, number of devices, and setting that best suit your design.
Add your design
Replace the screen or case Smart Object in PSD, or apply your artwork to the editable surface in 3D.
Preview the presentation
Check screen alignment, interface readability, perspective, lighting, and reflections.
Export your visual
Create visuals for app landing pages, portfolios, client decks, ads, and campaigns.
Find the right iPhone mockup for your design
Explore a wide selection of editable PSD iPhone mockups, from devices held in hand and multi-device scenes at different angles to layouts with multiple screens and customizable iPhone cases.
Match the iPhone mockup to your project
The right mockup depends on your goal — whether you’re presenting an app interface, creating campaign visuals, or showcasing a case design.
| iPhone view | Best for | Why it works |
|---|---|---|
Front-view iPhonesStraight-on screen view | App interfaces, mobile websites, screen design reviews | Shows the screen head-on, keeping layouts and interface details easy to read. |
Angled iPhonesThree-quarter and side views | App launches, portfolios, brand presentations | Adds depth and perspective, giving app and brand presentations a more dynamic look. |
iPhones in handHandheld device scenes | App demos, lifestyle campaigns, social media visuals | Puts the device in a familiar human context, helping viewers picture your app in use. |
iPhone casesBack and edge views | Case artwork, custom graphics, accessory presentations | Shows how artwork fits the case shape, including its edges and camera cutouts. |
Front-view iPhonesStraight-on screen view- Best for
- App interfaces, mobile websites, screen design reviews
- Why it works
- Shows the screen head-on, keeping layouts and interface details easy to read.
Angled iPhonesThree-quarter and side views- Best for
- App launches, portfolios, brand presentations
- Why it works
- Adds depth and perspective, giving app and brand presentations a more dynamic look.
iPhones in handHandheld device scenes- Best for
- App demos, lifestyle campaigns, social media visuals
- Why it works
- Puts the device in a familiar human context, helping viewers picture your app in use.
iPhone casesBack and edge views- Best for
- Case artwork, custom graphics, accessory presentations
- Why it works
- Shows how artwork fits the case shape, including its edges and camera cutouts.
Explore more device mockup formats
Present your design beyond the iPhone screen. Explore mockup formats for tablets, laptops, desktops, watches, and other devices to build a consistent presentation across screens.
iPhone mockup FAQs
Quick answers on choosing the right iPhone mockup, applying your design, working with PSD or 3D files, and creating final product visuals.








































