Save 30% on Custom Mockups with Team & Enterprise MembershipsView Plans

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.

800+iPhone mockups
PSDSmart Object editing
3DFlexible viewing angles
High-resMade for every visual

See how your design looks on an iPhone.

Preview your design on iPhone screens, cases, and device surfaces before launch. Use clean device shots, close-ups, lifestyle scenes, and 3D views to present your app, interface, branding, or visual design with more context and confidence.

Browse screen-ready mockups
iPhone mockup displaying a task management app above rocks on a dark background

How iPhone mockups work

A quick guide to presenting your app, interface, or case design with iPhone mockups in four simple steps.

Step 1

Choose your iPhone mockup

Pick the iPhone model, viewing angle, number of devices, and setting that best suit your design.

Step 2

Add your design

Replace the screen or case Smart Object in PSD, or apply your artwork to the editable surface in 3D.

Step 3

Preview the presentation

Check screen alignment, interface readability, perspective, lighting, and reflections.

Step 4

Export your visual

Create visuals for app landing pages, portfolios, client decks, ads, and campaigns.

Start with the iPhone category you need

Jump straight to popular iPhone mockup collections by model, scene, and style.

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.

Show more mockups

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 viewBest forWhy it works
Front-view iPhonesFront-view iPhonesStraight-on screen viewApp interfaces, mobile websites, screen design reviewsShows the screen head-on, keeping layouts and interface details easy to read.
Angled iPhonesAngled iPhonesThree-quarter and side viewsApp launches, portfolios, brand presentationsAdds depth and perspective, giving app and brand presentations a more dynamic look.
iPhones in handiPhones in handHandheld device scenesApp demos, lifestyle campaigns, social media visualsPuts the device in a familiar human context, helping viewers picture your app in use.
iPhone casesiPhone casesBack and edge viewsCase artwork, custom graphics, accessory presentationsShows how artwork fits the case shape, including its edges and camera cutouts.
Front-view iPhonesFront-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 iPhonesAngled 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 handiPhones 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 casesiPhone 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.
Find a matching mockup

Choose the best mockup option

Use PSD to place your design quickly, 3D for flexible angles, or request a custom mockup for an exact match.

Ready-made PSD mockups

Layered PSD files let you apply your artwork with Smart Objects while preserving realistic highlights, shadows, reflections, and scene details.

Best when: You need quick app or case previews and an existing mockup matches your iPhone model and layout.

Interactive 3D iPhone mockups

3D mockups can offer controls for rotating the iPhone, adjusting camera angles and lighting, and applying screen or case artwork to create several views of the same design.

Best when: You want to explore device angles, inspect screen or case details, and find the right lighting for your iPhone presentation.

Custom iPhone mockup

Custom mockups can be built around your iPhone model, case dimensions, reference photos, artwork, and scene requirements to match your intended presentation.

Best when: Stock mockups do not match your iPhone model, case design, camera angle, editable area, or scene requirements.

Hand holding an iPhone with a fitness app on a pink background
Browse iPhone mockups

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.

What is an iPhone mockup?
How do I add my screen design to an iPhone mockup?
Are these iPhone mockups editable in Photoshop?
What is the difference between PSD and 3D iPhone mockups?
Can I use iPhone mockups for app and website presentations?
Do iPhone mockups include transparent backgrounds?
Can I order a custom iPhone mockup for my specific model or case?
Which iPhone mockup should I choose?
Can I use iPhone mockups for commercial projects?

Find the iPhone mockup that fits your design.

Choose a PSD or 3D iPhone mockup, add your screen or case artwork, and export realistic visuals for your app landing page, portfolio, pitch deck, or campaign.