The Designest may receive compensation from companies, products, and services featured in this publication. For more details, please refer to our Affiliate Disclosure page.
Similar to how you expand your Apple ecosystem, we’ve finally completed our series of Apple device mockups. We’ve already had the MacBook, iPad, and iMac templates. So finally, here goes the must-have of every modern designer, the iPhone mockup selection!Â
Essential iPhone Mockups
In fact, hand-picking and using device mockups is a tricky process as you always have to be up-to-date! Hopefully, checking your toolbox after from time to time and reviewing mockups is a lot easier (and cheaper) than buying a new MacBook or iPhone after every release. Well, at least now you’ll have lots of paid and free iPhone mockups, including the recent iPhone 14 model announced on September 7th. So whether you need a new PSD template just in case or aim to present your UI/UX work, social media templates, or anything else, we’ll get you covered with these finest Photoshop mockups and scenes.Â
Our Team’s Top Pick
iPhone 13 Mockup Vol.2
We’re sure you won’t be able to take your eyes off these iPhone 13 mockups, so beautiful every scene is! You will have 5 PSD mockup files where device templates meet simple shapes striking with their elegance. In terms of customization features, there are several iPhone color options (blue, white, red, pink, black), neatly organized layers, and Photoshop Smart Objects, enabling editing of the scenes to precisely realize your ideas.Â
iPhone 14 Pro Max Mockup Levitation
Keep your showcases and presentations sharp and trendy with a polished iPhone 14 mockup (Pro Max version). It’s a professional template for Adobe Photoshop and Affinity Photo with a complete set of customization features and 4 color options (deep purple, gold, silver, and space black).Â
Free iPhone 14 Pro Mockup
It’s a diamond in your collection of device mockups! Indeed, this is a free iPhone 14 Pro mockup brought by one of the most powerful design teams right after the release — and you’re not daydreaming! You will get a high-res PSD file featuring 4 colors and smooth editing options.Â
iPhone 12 Pro With Shadow Mockup
A collection of phone mockups that creates a whole new perspective! This iPhone 12 Pro mockup package contains 4 fully editable PSD templates made for photorealistic showcases. You will quickly edit them in Photoshop: just a few minutes, and your design will look great. The scene creator uses Smart Layers, so you’ll have no problems inserting your graphics into the screen of any of these professional iPhone mockups.Â
iPhone 14 Pro Free Mockup
All colors, all vector, all free — this iPhone 14 mockup is a must for all Figma users out here! It’s one of the best and easiest-to-use templates if you want to showcase your interfaces and seek an exemplary presentation template for your UI/UX concepts. Stay tuned for updates, and don’t hesitate to thank the author of this amazing freebie.Â
iPhone 14
Here’s yet another iPhone 14 mockup to add to your toolbox! The set contains 5 PSDs with a pair of two devices floating randomly — a great option to host your interfaces and graphics. Or to create social media posts, why not! Smart Objects are your major booster once you’ve got the content to add and creative ideas to realize.Â
iPhone 13 Mockup
Five PSD mockups and five iPhones — and an endless source of inspiration! This item combines the best of original Apple design with pro-level customization options. Change the color of the iPhone to any you like, add your graphics inside the Smart Layers, and have the perfect mockup for your next project: interface presentation, app design showcase, or any clients’ work.Â
iPhone 14 Pro Clay Mockup Set
Set your app apart in the crowded app marketplace with enticing images bound to attract customers — and welcome the brand new mockup set for IOS UI/UX designers. It features a professional iPhone 14 Pro clay smartphone model, changeable colors of all elements, and changeable background.Â
Freebie iPhone 14 Pro Mockup — PSD
We love device mockups made by the Asylab team and hope you do too! Feel free to feast your eyes on their latest freebie, the finest iPhone 14 mockup scene, celebrating the famous Apple elegance. Smart Objects, neatly organized layers, high resolution, and extended customization options — you’re fully covered.Â
Free iPhone 13 Mockups
Meet these fantastic free iPhone mockups in 5 official colors, super high resolution, and excellent quality. Thanks to the Smart Layers feature, the files are effortless to customize. The mockups can be used in Photoshop, Sketch, and Figma, so UI/UX designers may take maximum advantage of it and present their awesome design works in any app.Â
iPhone 14 Pro Max Mockup
Present your app, game, UI/UX design, Instagram posts, and stores with these 9 iPhone 14 mockups! Simply place your design with a single click using Photoshop Smart Objects. The mockups are fully layered and customizable, so you can make any changes — every element is a single layer. For example, you can change or remove the background, try any colors, and adjust or remove shadows and reflections!Â
iPhone 14 Pro Mockup — Free
Here is a pro-grade freebie for all interface designs and UI/UX enthusiasts! This iPhone 14 mockup is specifically tooled for Adobe XD to help you realistically display mobile interfaces and build a stronger connection between the design team and client/audience. The file is easy to use, so don’t hesitate to try it in action.Â
iPhone 13 Mockup
This iPhone 13 mockup set was created to help app, UI, and iOS designers showcase their current projects in the best light. The mockup files are in PSD format and use Smart Layers, which allow changing the design in seconds, so it’s easy to create a striking presentation, even for a beginner in Photoshop. Besides, an instruction file is included.Â
Free Mockup iPhone 13 Pro Max Sierra Blue
One of the most elegant and fascinating iPhone colors is now at your disposal! Consider using this free iPhone 13 Pro Max mockup to bring the best of your designs: app layouts, concepts, or any other design work for review. The phone mockup comes in PSD format with Smart Objects layers.Â
iPhone 12 Pro Mockup
Advanced, easy-to-edit iPhone 12 Pro mockup file for Photoshop. It contains everything you need to create a realistic presentation of your project, guarantees an excellent look for bright and dark designs, and perfectly fits the shape. The mockup templates come with intuitive navigation, well-described layers, and a friendly help file.Â
iPhone 13 Mockups
This set of 6 fully editable PSD mockups brings a realistic image of the iPhone Pro. This high-end mockup set was made specifically for developers, app and UI designers to help them professionally preview their presentations, showcasing details and highlighting the iPhone 13 Pro visual aesthetic.Â
iPhone 13 Pro Max Mockup
A flawless presentation in seconds and at no cost! You’ll have a free mockup of the iPhone 13 Pro in 4 official colors. The file comes in the highest quality and mega resolution. Everything is separated and isolated, and the most fantastic news for UI/UX designers will be that the mockup works in Photoshop, Sketch, and Figma.Â
Floating Smartphone 13 Mockup
This iPhone mockup is suitable to showcase your designs professionally in a realistic 3D setting. You can replace the design easily and quickly using Smart Object features. Use this mockup to showcase relevant projects, for example, branding designs, digital products, Behance, Dribbble, or social media posts.Â
Free iPhone 11 Pro Max Mockup
It’s a high-quality iPhone vector mockup, the 11 Pro Max version. The template designed by the LS team comes in an isometric view. The mockup is perfect for creating personal and commercial UI presentations in Figma, Sketch, and Photoshop.Â
iPhone 12 Pro Max Mockup
Create an elegant presentation for your designs with this fully customizable iPhone 12 Pro Max mockup. The file comes in PSD format and includes Smart Objects and masks, so you are free to add your design to the mockup and change the color of the objects inside the scene.Â
iPhone 13 Mockup
If you still can’t help admiring the elegant shapes of the iPhone 13, why not try this set of 4 PSD mockups? It includes the most popular angles used by UI/UX designers and pro-level customization options. You can edit the device color and background of the mockup and insert your designs into the screen using the Smart Layers.Â
Free iPhone 13 Pro Clay Mockup Set
Fresh, advanced clay iPhone 13 mockup! It features a smartphone with fully customizable colors, shadows, and Smart Objects. You can use it for social media posts on Instagram, to spice up your portfolio, or in Behance and Dribbble projects. The complete set contains 30 unique mockups in different arrangements and perspective angles.Â
Mockup iPhone 14 Pro, iPhone 13, iPhone 12 & More
Whatever iPhone mockup you need, this bundle will get you covered! There are iPhone 14 Pro, iPhone 13, iPhone 12, iPhone 11 & iPhone X mockup templates — a total of 30 PSD files with editable shadows. A great solution to take your UI project presentation to the next level in a couple of manipulations!Â
iPhone 12 Pro Mockup
A free iPhone 12 Pro mockup by Anthony Boyd Graphics is a great pick to stay in trend with your presentations. This PSD scene was created in Cinema 4D and rendered using Redshift Render. You can use this iPhone mockup to showcase your UI designs or any other projects: for example, typographic combinations, illustrations, or social media posts.Â
iPhone 12 Pro Presentation Mockup
If designing powerful social media posts, beautifully presented app, and website design is your goal, this iPhone 12 Pro mockup is a suitable option. The pack includes 3 fully layered PSD templates, and you can edit everything in the mockups just the way you need, from shadows to the background.Â
Free Five iPhone 12 Pro Mockups
Another perfect iPhone vector mockup from LS to stay in trend as a UI/UX designer. It features the iPhone 12 Pro template for Sketch, Figma, and Photoshop. Download it for free and enjoy the beautiful rendering and huge resolution. You can easily customize the mockups with the Smart Layers function to create a photorealistic presentation.Â
iPhone 13 In Dark
The set comprises 5 iPhone 13 mockups in a dark background. Several angles are available to choose the best match for your interface concepts, branding, or other projects. Each PSD mockup is high-resolution and consists of separate layers enabling quick and intuitive customization in Photoshop. A help file is included.Â
Free iPhone 13 PSD Mockup
The infinite elegance of the iPhone 13 is captured in these free mockups, bringing together Apple’s aesthetic and clean geometric forms as a background. You are welcome to try them and see for yourself what a great choice they are to fit your interface presentation and reveal the beauty hidden inside your product.Â
iPhone 11 Pro Mockup
This set contains 4 fully editable iPhone 11 mockup files for Photoshop. Creating and editing your custom scenes and presentations is super easy with these templates. You only need Smart Objects and a little time to turn the mockup into a perfect image.Â
iPhone 11 Pro Max and iPad Pro Mockup
An iPhone 11 Pro mockup paired with an iPad is a creative minimum for UX designers and everyone involved in social media posting. These free iPhone mockups made in isometric style were created in Cinema 4D and are available for personal and commercial use.Â
iPhone Mockup
An elegant iPhone mockup is always an essential item in a designer’s toolbox, so you should appreciate the value of this high-resolution PSD file. The provided mockup has all the regular customization features and additionally allows to increase/decrease specular/highlight effect and shadow in Photoshop.Â
Gold iPhone 11 Mockup
It’s a free gold iPhone 11 mockup carefully made by Anagram Design. You can use this template to design a unique product presentation — besides, the PSD file allows you to easily customize the scenes and the background. You need Photoshop CC 2015 or later to open the mockups and edit the Smart Objects.Â
iPhone 12 Pro Mockup
This iPhone 12 Pro device mockup for developers and business owners was made to help them preview their app design and responsive website design professionally. The PSD-format mockups are based on photorealistic renders, so every detail is perfect and customizable.Â
Free Pacific Blue iPhone 12 Pro Mockups
An incredible scene with 3 iPhone 12 mockup templates hanging elegantly in the air. Feast your eyes on mega 4K resolution, changeable backgrounds, and easy-to-use files. No doubt you’ll enjoy the creative process! You can use this free mockup for commercial or personal purposes.Â
iPhone Mockups
This is an iPhone mockup set suitable to display your designs on the screen of the iPhone professionally and inside a realistic environment. The mockups are available in PSD Photoshop format with Smart Object features, so you can replace the current design with your own within seconds.Â
iPhone 12 Free Mockup
Every new iPhone is an occasion for a new mockup. And so this is another high-quality iPhone 12 mockup. It’s well-layered and fully customizable. You can edit the iPhone and background color, replace the screen and add everything you want. This mockup is free of right, and you can use it for personal and commercial work.Â
iPhone Mockups
This is an iPhone mockup for professionals designing web and app interfaces and searching for a realistic template. The mockup is PSD file format with Smart Objects and a PDF guide to help you quickly add your creatives to the canvas.Â
iPhone 13 Mockup Pack
Introducing the iPhone 13 mockup pack for Photoshop, Sketch and Figma made for all the UI designers out there. It is the perfect package for everyone looking for a high-quality, realistic, high-resolution iPhone 13 or iPhone 13 Pro mockup. With a variety of view angles and colors and ready-to-use mockup scenes, you’ll be able to showcase your works in no time!Â
iPhone 11 Pro — 20 Mockups Scenes
If you need an iPhone 11 mockup for your work, an entire bundle of iPhone 11 Pro templates should come in handy. With 20 PSD scenes (isometric ones are included, too!) and a whole bunch of features and customization options, these mockups will become your best tool to create custom compositions whenever you need one.Â
Free iPhone Mockup Set — 11 Pro Edition
The package includes 3 PSD scenes of the highest quality. Each iPhone 11 mockup template has 4 default colors (gold, midnight green, silver, and space grey) and 2 different shadow options for each scene (floor & floating shadows). With just one free mockup, you can easily create a photorealistic presentation of your app design or create a social media post for a blog.Â
iPhone Mockups Pack
Make your mobile app or website presentations more attractive with these iPhone mockups — 30 ready-made PSD scenes. All the mockups are in horizontal format with high resolution in 300 dpi. You can crop and rotate the image to achieve different looks.Â
Free iPhone 12 Mockup
The LS team makes beautiful templates, so we can’t help sharing another freebie. It’s a set of iPhone 12 mockup templates for Figma, Sketch, and Photoshop. There are items with a classic appearance and also a clay-white iPhone mockup option if you need one. Just think what a striking presentation you can create just having these mockups!Â
Phone 12 Pro — 20 Mockup Scenes
One more device bundle for those who need it — and now it’s a collection of iPhone 12 mockup templates. Each PSD file comes with 4 default colors, 2 different shadows, and is very well organized for easy, intuitive use. Use the selected mockup as a canvas for your next project, and be sure to have a photorealistic presentation at the end!Â
Matte iPhone Mockups
These free mockups were created in Figma for Figma users. You’ll find iPhone SE, X, Xs, XR, 11, 11 Pro, 12, 12 Pro, 13, and 13 Pro made from scratch to support components and variants. Choose the iPhone model, then pick a color from a list of official color presets in the variants menu. The mockups are vectorized, so you can resize them to your heart’s content as long as you keep the scale ratio.Â
72 iPhones — Device Mockup Bundle
With this bundle, you get 72 iPhone mockups. They’ve been professionally shot, retouched, and tested with various posters to get that additional level of photorealism. All objects and shadows are fully separated, so you can easily play with the selected mockup in Photoshop and create a custom scene — for personal or clients’ projects.Â
Clean iPhone 13 Mockup
Get yourself one of the best device mockups ever created! This is a clean set of 5 iPhone 13 mockups suitable for showcasing your interfaces, concepts, marketing materials, and layouts in photorealistic appearances. The files come in PSD format and use the Smart Object feature that helps you change the design and background color of the mockup in seconds (text instruction included).Â
iPhone 12 & 13 Pro Clay Mockup Set
Feast your eyes on the set of iPhone mockups made for use in the app and web design. It contains 15 different arrangements, dimensions, and perspective angles — and a total of 12 iPhone mockups in PSD format with fully customizable colors, shadows, and Smart Objects. An excellent pick for designers seeking out-of-the-box materials to showcase branding and marketing concepts.Â
iPhone Mockup
This clean, modern iPhone mockup with awesome design is a great addition to your collection. Use it to present your app, mobile project, or marketing concept in a way that’s visually attractive to your clients. True, whatever ideas you have, they are guaranteed to get a photorealistic presentation with a single PSD mockup!Â
iPhone in Hand Mockup
A photorealistic free mockup that you can use freely to showcase your website or app project. Select the Smart Object layer in the PSD mockup and insert your design into it. That’s even easier than it sounds, so editing won’t take you more than five minutes.Â
Frequently Asked Questions
Start by making a photo of your device — that’s where every iPhone mockup begins. Make sure the image is high-res, aesthetic and the perspective/angle fits your needs. Then open this free step-by-step tutorial on making iPad and iPhone mockups in Photoshop.
To make iPhone mockups of your own, you only need a high-quality source image of a device, the Adobe Photoshop app, and some free time. The process of creating a PSD mockup from an image is described in detail in this free tutorial from The Designest team.
Open the iPhone mockup in Adobe Photoshop. Then, insert your image into the Smart Layer, which you’ll find in the layers panel on the right. As a rule, it’s named ‘Your Image Here’ for convenience. When done, save the file, and that’s it! If you need more in-depth guidance on how to edit PSD mockups, check the step-by-step tutorial.
