20 Free iPhone Mockups [PSD, Sketch]

Selection of iPhone mockups in frontal, perspective, isometric and other angles and materials like clay, realistic and simple shapes in PSD, PNG and Sketch format.

✨ They Make Design ✨
UX Planet

--

Last updated: November 1, 2022

Whether you’re a student designing an app, or someone who has dreamed of their own project from the ground up — it’s time to get serious about this. We’ve compiled some iPhone mockups for your convenience! It includes minimalistic simplified/clay style as well as realistic and flat design in different angles including front-facing perspective and isometric ones.

Before you start to look for iPhone Mockups, we’ll be showing you guys how to make awesome animated GIFs with these mockups! Follow along with my step by step instructions and easily create your own animation using Photoshop’s mock-ups.

A complete solution for iOS designers to showcase their designs.

The iPhone template does a lot of things, and it’s not always easy to find the right one for your next project. Check out this collection of high-quality mockups that will make designing an app in Photoshop or Sketch much easier!

With so many different mockups to choose from, selecting which one is right for your project comes down to just a few clicks.

Give your design or UX an authentic look and feel with these sample graphics for the iPhone X. These easy to use .psd mockups are made of vector shapes, so you’ll have plenty of flexibility as they’re scaled up or down without quality loss. Includes smart objects for straightforward editing or replace product shots in seconds.

iphone mockup psd
Perspective PSD & Sketch Clay Mockup

⬇️ Download Mockup

iphone 12 pro mockup
iPhone 12 Pro Mockup in Pacific Blue case color

Creativity is yours with this mockup. With its Pacific blue color and smart objects, it’s easy to edit your iPhone 12 Pro design in seconds! Plus, you can download a free sample to test it for yourself.

⬇️ Download Mockup

iphone psd mockup
iPhone 11 Pro Mockup

⬇️ Download Mockup

iPhone SE Mockup
iPhone SE 2020 Mockup

Size: 5 MB
Format: PSD

⬇️ Download Mockup

iPhone 11 mockup
iPhone 11 Mockup

Size: 4.3 MB
Format: PSD

⬇️ Download Mockup

iPhone XR Mockup

iPhone XR mockup

Size: 3.2 MB
Format: PSD

⬇️ Download Mockup

iPhone 8 Mockup

iPhone 8 Clay mockup

Size: 3.2 MB
Format: PSD

⬇️ Download Mockup

Frontal Sketch mockup by murathan

iPhone X mockup for Sketch

Size: 2.7 MB
Format: Sketch

⬇️ Download Mockup

Perspective PSD Mockup by Virgil Pana

iPhone X mockup

Dimensions: 3200x2400px
Size: 9.0 MB
Format: PSD

⬇️ Download Mockup

Frontal PSD Mockup by Alexander Litvinenko

iPhone X mockup

Dimensions: 5690x2524px
Size: 18.4 MB
Format: PSD+XD

⬇️ Download Mockup

This iPhone X PSD mockup is fully layered with smart objects so you can perfectly place your design into it. With minimal effort, use this to gain more clients as the ever popular new phone on the market!

Frontal PSD Mockup by Unite Theme

Dimensions: 2667x2000px
Size: 19.5 MB
Format: PSD

⬇️ Download Mockup

Frontal PSD Mockup by Konstantin

iPhone X mockup

Dimensions: 3200x2400px
Size: 7.0 MB
Format: PSD

⬇️ Download Mockup

Frontal PSD Mockup by Danish Designs

iPhone X mockup

Dimensions: 4000x5000px
Size: 98.7 MB
Format: PSD

⬇️ Download Mockup

iPhone outline vector
iPhone outline by Studio-Pro

iPhone outline vector mockup in white and black

Formal: EPS vector

⬇️ Download Mockup

Frontal PSD Mockup by Design Bolts

iPhone X mockup

Features: Vector Based Layered AI
Size: 0.5 MB
Format: AI+EPS

⬇️ Download Mockup

Perspective PSD Mockup by Super Crowds inc.

iPhone X mockup

Dimensions: 2500x1659px
Size: 48.3 MB
Format: PSD

⬇️ Download Mockup

Frontal Sketch mockup by Rajat Kashyap

iPhone X mockup

Size: 1.0 MB
Format: Sketch

⬇️ Download Mockup

Frontal Sketch Mockup by Greg Dlubacz

iPhone X mockup

Size: 0.1 MB
Format: Sketch

⬇️ Download Mockup

Frontal Sketch Mockup by Roberts Ozolins

iPhone X mockup

Size: 20.2 MB
Format: Sketch

⬇️ Download Mockup

Frontal Sketch Mockup by Rifayet Uday

iPhone X mockup for Sketch App

Size: 6.0 MB
Format: Sketch

⬇️ Download Mockup

аFrontal Sketch Mockup by Joseph Angelo Todaro

iPhone X mockup

Entirely vector hardware illustration • Actual iPhone X viewport size for mockups • Masked display area to make your mockup easy peasy • Organized groups and layers • Made in Sketch
Format:
Sketch

⬇️ Download Mockup

Frontal Sketch & PSD Mockup by Pierre Borodin

iPhone X mockup

Size: 2.0 MB
Format: Sketch

⬇️ Download Mockup

Perspective PSD Clay Mockup by lazymau

iPhone X mockup

Fully Layered, 1 Click Color change, or set fill to 0% so the iPhone will blend with background, SmartObject Screen
Size:
10.0 MB
Format: PSD

⬇️ Download Mockup

iphone vector mockup
iPhone vector mockup by Studio-Pro

iPhone Vector Mockup

Format: EPS vector

⬇️ Download Mockup

Frontal Sketch Clay Mockup by Matt Koziorowski

iPhone X mockup for Sketch

Size: 0.1 MB
Format: Sketch

⬇️ Download Mockup

Haven’t find proper mockup? Try here 👇🏻

Device mockups are getting more and more popular these days. Apple started this trend by sharing the frontal PSDs of the recent iPhones on their Guidelines portal years ago. These mockups were just renders of the devices without any artistic branded touch to them. Lots of designers in the industry felt a need to create some custom frames to present their products in a unique way. And the over years the mockups visual style went from photorealistic ones to simplified versions like some of the ones above.

Now it is a huge trend when designers wait each fall for the upcoming Apple iPhone event and start drawing as Tim Cook speaks on stage. And then they post them on Dribbble or Bē.

Q: Where to use these mockups?
A:
Lots of products these days find these templates/mockups useful for a wide range of marketing needs: AppStore screenshots, app landing pages or just present UI/UX design works using these iPhone X mockups.

Example of how the Top 100 apps from the AppStore use device mockups
Example of how Stripe use iPhone and iPad mockups on their marketing website

Q: How to use the mockups?
A: All of these mockups require a software or an app installed it is either Sketch App for opening .Sketch versions and Photoshop for .PSD files. Once the app installed, you should open the mockup and then find the layers section and then find a layer responsible for the device screen. In Photoshop it us a smart layer where you can replace an image with your own screen.

We hope you really enjoyed this selection and we’d very appreciate if you spread the word by backlinking, tweeting, facebooking, pinning, instagramstorying 😅

Faithfully yours,
They Make Design team ❤️

See other free device mockups compilations:

--

--