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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Designer: Viscon Design
Price: $8
Format: PSD and JPG
Features:
4 pre-made scenes
20 PSD files
8 texture options
Separate layers and smart objects
PDF help file
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.
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.
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.
Designer: Mockup Box
Price: $16.5
Format: PSD
Features:
20 editable files
Smart objects
Changeable device colors and scenes
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.
Designer: Mockup Box
Price: $16.5
Format: PSD
Features:
Smart objects
Changeable device colors and scenes
Bright and dark designs
Smart objects
Well-organized layers and folders
Changeable background
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.
Designer: Supply Family
Price: $19
Format: PSD
Features:
5 phone colors
7 shadows
2 isometric mockups and 2 floating mockups
27 textures
7 example designs
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.
Designer: Faridul Haque
Price: $13
Format: PSD
Features:
36 high-quality mockups
Customizable backgrounds and shadows
Smart objects and well-organized layers
Help file
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.
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.
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.
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.
Here are some resources that can help you create the best UI/UX projects presentation:
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.
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.
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.
A free prototyping tool to create wireframes or interactive prototypes in minutes.
A free UI design tool to design, animate, collaborate and handoff right in the browser.