Ever since the new iPhone 12 series was released in October 2020, an increasing number of product designers and developers started searching online to update their iPhone mockup collection to better showcase their designs for the most recent devices intuitively and professionally. These brand new iPhone 12 device mockups can help you level up your product design by bringing a new kind of realism to your work.
If you are looking for high-quality iPhone mockups to level up your showcase website or app design, we have 30 of the best iPhone 12 mockups and templates for Sketch, Adobe XD, Photoshop, and Illustrator.
All of the mockups are for the all-new iPhone 12 devices, including the iPhone 12 Pro, Pro Max, and Mini. Most of these mockups are fully editable and free to download for personal (and some commercial) use.
Let’s dive right in!
1.Floating iPhone 12 & iPad Pro Free Mockup
Designer: Pixelsdesign.net
Price: Free
Format: PSD
Features:
This floating freebie is a great option to help visualize your app or website design in an incredibly realistic style. It comes with smart objects and fully editable layers, allowing you to create a standout, landing page, product ad, or other images with only a few simple clicks.
Free download
2.Free iPhone 12 Pro Max Mockup
Designer: Aksapix std
Price: Free
Format: PSD
This free mockup shows off your designs with the latest iPhone 12 Pro Max device. All objects are separated and easy to edit to create your own unique scene. The background is customizable so you can use any color or texture that fits in with your design. With this simplicity and ease of creating mockups on the latest iPhone, this is a perfect mockup for any web or app UI/UX project.
Free download
3.iPhone 12 Free Mockup PSD
Designer: Asylab
Price: Free
Format: PSD
This free Photoshop mockup comes with a high resolution of 2532x1170 and offers four color options: white, black, red, green and blue, along with 3 shadows - stand, floor or floating.
These can all be customized to your liking, helping quickly and easily visually show off your design.
Free download
4.Free iPhone 12 PSD Vector Mockup
Designer: Creative Tacos
Price: Free
Format: PSD
This modern vector mockup showcases products and designs with a very professional look. With versatile smart objects, rich device color options and high-resolution files, this vector mockup is a great addition to a product advert or app design, responsive design and product branding.
Free download
5.Freebies iPhone 12 Mockups
Designer: Vijay Verma
Price: Free
Format: Sketch, Adobe XD and Photoshop
This all-in-one mockup set includes various sizes in both light and dark colors. As Vijay writes, this is dribbble ready so you can quickly upload any design on an iPhone 12 Mini, Pro or Pro Max. In total, there are 12 variants that bring minimal, clay and outlined styles and more, allowing you to showcase your design exactly how you want it to be shown.
Free download
6.iPhone 12 Free Mockup
Price: Free
Format: PSD
Looking for high-res iPhone 12 mockups for Photoshop? This mockup is made especially for Photoshop users who need detailed, flexible device mockups with different device colors and smart layers to give you the freedom to show your app design how you want.
Free download
7.iPhone 21 Mockup Free to Download
Designer: CePixel
Price: Free
Format: PSD
This set of mockups packs a series of iPhone 12’s mockups presented at different angles with different background colors and fully editable layers that help you flexibly show off your design in a more unique style.
Free download
8.Free iPhone 12 Pro Mockup
Designer: Ruslanlatypov
Price: Free
Format: Photoshop and Sketch
This more simple iPhone 12 Pro mockup comes in white, bringing beautiful renders at a high resolution. These come in Sketch and Photoshop formats and are free both for personal and commercial use.
Free download
9.Free iPhone 12 App Presentation Mockup
Designer: Leon Dsgn
Price: Free
Format: PSD
These mockups come at various angles and let you customize exactly how you want to present your design - perfect for showcasing your app, ad or landing page. In all, there are 10 professional scene mockups and 2 isometric mockups. The separate objects, changeable backgrounds and images, customizable phone device colors and more make adding this mockup to your design as simple as possible.
You can also download the full version for more views and angles if needed.
Free download
10.iPhone 12 Free Mockup PSD Web
Designer: Web Design Bites
Price: Free
Format: PSD
This high-resolution mockup set includes two PSD files that have smart layers and separate objects allowing you to easily drag and drop any element you need to quickly create a mockup of your own app or design. It is available for both personal and commercial projects.
Free download
11.Free Gravity iPhone 12 Mockup Set
Designer: Pixeden
Price: Free
Format: PSD
This iPhone 12 mockup set features phones in midair, giving an elegant and refined look. The mockup lets you change the phone color to match your design. Even though it only comes in the PSD format, it is a great alternative to help you create a stunning image.
Free download
12.Free iPhone 12 Mockup Front View
Designer: Mulzariandi M
Price: Free
Format: PSD
This PSD mockup presents a simple iPhone 12 from the front. While the mockup is simple it is packed with changeable background colors and editable objects to help you craft the perfect design to impress your users and clients.
Free download
13. Free Isometric iPhone 12 Pro Grid Mockup
Designer: Anthony Boyd Graphics
Price: Free
Format: PSD
This mockup set presents an isometric grid view of the iPhone 12 Pro devices which makes it perfect for showing off an impressive app design or website pages. As it is free for both personal and commercial use you can easily enter place your design and text onto the mockups to use right away.
Free download
14. Free iPhone 12 Mockup
Designer: Rakesh Limbasiya
Price: Free
Format: PSD
This iPhone 12 mockup is a great way to showcase products with 3D design. The screen is realistic and the colors and text are eye-catching, helping your design stand out from the crowd of realistic iPhone 12 mockups with a different 3D mockup.
Free download
15.Free iPhone 12 Pro Max Mockup
Designer: Ess Kay
Price: Free
Format: PSD
This mockup features bold colors at a very high resolution of 5000x3750. This free mockup brings an easy-to-use PSD file for quickly creating a realistic-looking product. This is free to use on both personal and commercial projects.
Free download
16.Free iPhone 12 Pro Mockup Studio
Designer: Ess Kay
Price: Free
Format: PSD
This mockup set is made especially for web developers and UI/UX designers. In total there are 10 PSD files, all objects are separated and organized well allowing for uncomplicated designs. The most attractive part of this set is it includes a special PDF guide to help you get set up in no time.
Free download
17.Free iPhone 12 in Hand Mockup Template
Designer: Ess Kay
Price: Free
Format: PSD
This mockup template is reminiscent of Apple’s own advertising. It features a clean white scene with a hand holding the iPhone 12 showcasing off a page on the device. This classic product showcase technique is used by Apple and helps you put a spotlight on your design.
Free download
18.Free iPhone 12 Mockup Set
Designer: Ess Kay
Price: Free
Format: PSD and AI
This mockup set includes detailed mockup templates for the iPhone 12, iPhone 12 Pro, and iPhone 12 Pro Max. There are five smartphone colors: black, white, red, green, and blue. These mockups are perfect if you want to show your product off on an iPhone in a simple manner and are free for personal or commercial projects, with only personal projects being able to be shared online.
Free download
19.iPhone 12 Pro Free Mockup
Designer: Linda Laganovska
Price: Free
Format: PSD
This iPhone 12 Pro mockup is extremely realistic and comes in a high-resolution PSD file helping you show off your design in a professional manner.
Free download
20.Free iPhone 12 Mockup Tamawy
Designer: Mahmoud Tamawy
Price: Free
Format: PSD
This cool 3D mockup brings different iPhone 12 models in PSD format. All templates show the devices at different angles giving your design a cool visual effect.
A good set for landing page, phone ads or other social media posts.
Free download
More premium mockups that you may try
21.High-Resolution iPhone 12 Pro Max Mockup
Designer: Viscon Design
Price: $8
Format: PSD and JPG
Features:
This big mockup set has 20 high-resolution PSD files with ready-made scenes and textures. Each mockup presents the iPhone 12 at different views and angles. This set is $8 but is fully worth it if you regularly need a variety of customizable mockups.
Read more
22.iPhone 12 Glossy Snap Case Mockup
Designer: Graphic Assets
Price: $19
Format: PSD
Features:
26 PSD files
5 phone colors
Hard and soft light
Fully editable elements
Well-organized layers
This iPhone 12 case mockup uses a bright 3D design to show off your design. The mockups bring different angles to view the design and the color scheme really stands out. Like other mockups, you can freely edit the phone colors, lighting, background elements and more.
Read more
23.iPhone 12 Matte Snap Case Mockup Set
Designer: Creatsy Official
Price: $19
Format: PSD
Features:
26 PSD files
5 phone colors
Realistic 3D warping
Hard and soft light
Fully editable elements
Well-organized layers
We love this mockup set since it has fabulous flower decoration, stunning 3D presentation, and a variety of scene options. The objects and layers are fully editable with 5 phone colors to match your needs.
Read more
24.iPhone 12 Pro Mockup Set Box
Designer: Mockup Box
Price: $16.5
Format: PSD
Features:
This huge mockup set provides you with 20 different device views and scenes to present your product’s design in a professional way. You can change the phone colors, smart objects are present and the layers are well organized making it easy to customize your design down to the finest detail.
Read more
25.iPhone 12 Pro Mockup
Designer: Mockup Box
Price: $16.5
Format: PSD
Features:
This mockup set has 9 files that help you create realistic designs. They are easy to use and provide both light and dark design options. The layers and objects can also be freely changed to help you better show off your designs.
Read more
26.iPhone 12 Standard Mockups
Designer: Supply Family
Price: $19
Format: PSD
Features:
Need a pixel-perfect mockup to help visualize your design? This mockup package has 5 phone colors, 7 shadows, 27 texture options, 2 isometric mockups, and 2 floating mockups to fully match your design needs. To help out, you also get 7 design examples to help give you design inspiration for your project.
Read more
27.iPhone 12 Pro Clay Mockup Pack
Designer: Faridul Haque
Price: $13
Format: PSD
Features:
This set of mockups contains a massive 36 high-quality clay iPhone mockups at various views and angles. The background color is replaceable and smart objects help you present your ideas in no time.
Read more
28.iPhone 12 Pro Mockup Scenes
Designer: Faridul Haque
Price: $13
Format: PSD
Features:
42 high-quality mockups
Customizable backgrounds
Smart objects
Help file
There are a total of 42 realistic iPhone 12 mockups in this set and each mockup comes in at a 6k resolution that gives you maximum flexibility and creativity. The layers are well organized and named which help you get up and running right away.
Read more
29. Realistic Smart iPhone 12 Mockups
Price: $19
Format: PSD and PDF
Features:
10 mockup scenes
everything is editable
24hrs support
Light and dark colors
Changeabout backgrounds
These 10 realistic PSD mockups bring fully editable colors, layers and backgrounds with a realistic design style. The details are sharp and there are both light and dark color options helping you present your websites exactly how you would like.
Read more
30. Mobile App Mockup Presentation
Designer: Mickael Guillaume
Price: Free
Format: PSD
While doing research for this article we’ve also found this huge set of mockups created by Guillaume. In total there are over 70 free PSD mockups, bringing a huge variety of scene and theme options that work really well for all app and design projects and are definitely well worth a look for any designer needing mockups.
Read more
More iPhone design resources you may need
Here are some resources that can help you create the best UI/UX projects presentation:
Best places to find free iPhone mockups
Dribbble/Behance - gather the world's best design works and resources, including free iPhone mockups.
Freepick - offers high-quality design resources, including web/mobile app design icons, mockups, illustrations and more.
Free mockups - free download over 23,000 instant mockups for different devices, such as Mac, PCs, iPhones and many more.
Freebiesbug - a web design blog for designers and developers to find and download the best free high-quality design resources.
Mockup Tree - a specialized online platform to download free mockup templates or web or mobile app designs.
Best tools to simplify your design process
Mockplus - Mockplus is an online UI mockup tool that helps you visualize your iPhone 12 app design concept, all the way from early design brainstorming to wireframing, mockuping and prototyping. Mockplus also allows you to import a mockup template, collaborate, test and iterate it with your team in one place.
Smartmockups - a product mockup generator that helps you create product mockups and get more sales.
Wrap Up
The iPhone series enriches the offering of Apple, and also provides designers and developers with more mockup options to showcase their designs and business presentations.
We hope this mockup collection for all iPhone 12 devices can help you create a more realistic and attractive app with ease.
Free prototyping tool for web and mobile app design
Get Started for Free
Free prototyping tool for web and mobile app design
Get Started for Free
Free prototyping tool for web and mobile app design
Get Started for Free
Join our Discord community
support@mockplusapp.com