For the past few years, the iPhone design remains the same. Last year we got the new all edge to edge screen design with a notch. Now we have the plus size phones as well, so technically there are four types of iPhone designs. In this list of iPhone mockups, we have managed to collect the mockup of all the designs.
With the introduction of cheaper iPhone XR, it is clear that the notch screen design is going to be the design standard for the next few years. But still, there are millions of customers who are comfortable in owning the big chin previous generation phones. If you are an app developer, you have to consider both types of audience. In this list, we have included iPhone mockups for all the famous sizes so that you can showcase your designs elegantly.
After the introduction of the iPhone X, many Android OEMs also started to adopt the notch design. Each of their notches is different, but it is still a notch. Being a mobile application developer you have to think about making use of the new screen size and the notch. The iPhone mockups in this list have high-quality images so you can show your design details clearly to your audience.
iPhone X Mockup
iPhone X introduced the revolutionary full edge to edge display with a notch. It set a new design standard for the smartphones and you can see many OEMs are using different notch designs on their phone. As the older iPhone 6 design lasted until the 8 series, you can expect this notch design to prevail for the next few years.
This iPhone X mockup includes the phone design in various angles so that you can display your product neatly to the users. As this mockup gives a clear view of the device and the screen, this can be used for both, application design presentations and smartphone case design presentations. Ten PSD files are included in this package, each has different images and layers. With the help of high-quality images, the designer of this mockup is able to give you up to 50% zoom with any distortion in the pixels.
iPhone X App PSD and Sketch Mockups
App developers are effectively making use of the new notch design. Many creative design elements are used to make the contents look elegant of the edge to edge display. If you are one such creative app developer, then this mockup is the one for you to showcase your work. To make your workflow simpler, the creator of this mockup has given you both the Sketch and the Photoshop files. This mockup includes the prototype mockups and realistic image mockups, based on your need you can select the one you like.
In the prototype model, you have plenty of customization options, you can even change the color of the product. Most of the elements in this mockup are vectors so it can retain the image quality easily. No matter how small or how big you enlarge the design, this mockup can maintain the quality of the image. As you would normally expect in any mockup, this one also has smart object elements for easy content swapping.
Animated iPhone X MockUp V.1
Most app designers use Adobe XD nowadays to give the feel of the design to the customers before the development stage. Presenting your designs via an animated image will help you get the user attention quickly. All the layer arrangements and the timeline arrangements are done perfectly in this mockup. You can right away add your images in a particular location and create your GIF image. The creator of this template has included a clear documentation and a how-to video, so beginners can easily work with this mockup. This mockup includes 4 mockup PSD files with a good quality resolution of 4500×3000 px. With this high-resolution image you can easily magnify the images without any loss in quality. Multiple screens can be shown at the same so that the user can get a clear idea of how your overall design will look.
iPhone XR Design Mockup
iPhone XR is a fresh new entry in the iPhone lineup. With the more affordable pricing (when compared to the Xs and X max) this phone is expected to reach a more budget-minded audience. If you are creating any product related to the iPhone XR, this mockup will reduce your presentation work. One of the favorite features of iPhone XR is the different color options. As of now, you get six color variants and the creator of this mockup also included all the color variations. The background colors of the mockups are completely editable.
Based on the iPhone XR color and your design on the screen, you can easily change the background. Both portrait and landscape orientations are included in this mockup. As media consumptions are increasing on the mobile devices, showing your app design in the landscape will help the user understand your product easily. With this mockup, you can clearly present your product design.
iPhone X Mock-Up’s
If you are making a professional utility mobile application, this is the best mockup for you. In this mockup, you get 14 mockups which have different office background. Both landscape and portrait orientation images are given in this mockup to help you showcase your design neatly. It is a PSD mockup with properly layered images. Customizing this mockup will be an easy job, for optimal result, the creator recommends Photoshop version CS4 and higher.
Phone X 4 PSD Mockup Gentleman
Showing your projects in a real-world environment gives a natural feel to your product. This mockup has a human element, who is holding the phone. As the gentlemen in the image look professional, this can be used for business apps and utility apps. The phone is shown from a different angle and from a different perspective. The clear bokeh effect helps you to clearly focus on the mobile screen.
Three PSD files are included in this mockup and all the three has different scenes. Based on your needs, select the one and start customizing it. The creator of this mockup recommends at least Photoshop CC2015 to work effectively on this mockup. If you are a paid member of Adobe creative cloud service, you needn’t worry about the compatibility problems. Layers on the mockup are properly treated so that the light shades and shadows are preserved neatly in all the three scenes.
Phone X Case Animated Creator
As most of the present-day mobiles look almost identical to each other, user love to add a personalized touch to their phones. Previously the premium models used aluminum materials so most of them preferred skins over the cases. But now, all the premium manufacturers are using glass and steel sandwich design. Using a case to protect their phone is inevitable now, especially the premium thousand dollar mark smartphone users. If you are a case manufacturer, then this mockup is the best option for you.
The creator of this mockup has given you full freedom to customize the mockup. You can change the background based on your design. All the layers are properly optimized so that you can show both matte finish and gloss finishes with this mockup. As the lights and shadows are preserved properly, you get a photorealistic image with this mockup. Just like in the animated iPhone X mockup, mentioned above, this one also includes an animated timeline set.
Phone XR, XS, And XS MAX PSD MockUP
Always the S version of the iPhone is an incremental update, which includes spec bumps and few color options. But, the current year model is quite different. We have a bigger iPhone Xs Max this year, with the biggest screen ever on an iPhone. Other than the screen size, the design of the iPhone Xs remains the same. If you are specifically looking for the iPhone Xs model mockup, then this mockup set is the one for you.
The creator of this mockup has given you eleven PSD files with different styles. With this mockup, you get all the 2018 iPhone XS, Xs max and XR models. Hence, this would be your one-stop solution. Vector elements are used in this mockup so that you can make a clear image in whatever size you want. Shadows are handled neatly on this mockup so you can change the background based on your design.
Instagram Phone 7 Mockup
If you are a looking a clean environment with fashion elements, this is the mockup for you. This mockup can be used to eCommerce store applications and lifestyle websites. As most users are accessing the internet via smartphones, having a mobile responsive website is a must. Using this mockup you can elegantly showcase your responsive design. The only drawback in this mockup is it has only one scene and one PSD. If you already own few iPhone mockups, MacBook mockups, then you can use along with them to showcase your design. High clarity images are used in this mockups so you can zoom in on the element you want.
iPhone 6 Mockup
Till the iPhone 8 we have seen the same design with thick borders. Still, most of the users using the same old phones so app developers consider these devices as well in their designs. The creator of this template has included real images, so you don’t get the options to change the mobile color. In the package, you have three colors silver, rose gold, and gold. The device is placed in different angles and orientations so that you can clearly show the product image. Reflections on the mobile screen and pertaining elements are preserved properly so that you get a natural look with this image. Background customization options are also given in this mockup. Based on your screen image you can change the background to add elegance to the design. High-resolution images of 4000×3000px are used, so no matter how much you zoom, the clarity is maintained clearly.
Perspective iPhone X Mockup
Perspective iPhone X Mockup is a prototype style mockup. In the package, the designer has included a dark color mockup and a light color mockup. Since it is a prototype style mockup, your designs can be seen clearly without any distraction. This mockup is the best option for product presentation. High-resolution images are used so that you can clearly show your image even when you shrink and expand it. Four PSD files are included in the package. In all the files, the layers are properly organized. With the neat layers, you can easily find the elements and replace it with your original design.
iPhone In Hand mockup
iPhone in hand mockup, as the name implies this template has human elements in its mockup. Another biggest advantage of this mockup is it also includes mockups for iPhone 8 and Samsung Galaxy S8. If you are making multi-platform mobile application, this mockup will help you showcase your product gracefully. The image of a female hand holding the device is taken beautifully so that the device’s screen can be seen clearly. Your app screen can be seen comprehensively without any disturbance.
The designer has included both the Sketch version and Photoshop version. Based on your workflow you can use the format and finish your work in no time. Detailed customization note is given on the page itself, take a look at it to know more about the product. As iPhone 8 mockup is also given in this mockup, you can show how your application will look with and without notch.
iPhone 8 Design Mockup
iPhone 8 is the last version of the legendary big chin design. Still, there are millions of users using this design and Apple also keeping this model in its lineup. So showing your app designs in this mockup will help you reach more customers. Images of portrait and landscape orientations are given in this mockup. If you are a gaming website or app developer, these orientations will help you show the games in different orientations. The creator of this template has given you three color variations, black, white, and gold. You can choose your favorite color and start editing your contents. High-quality images are used in this mockup, so you needn’t worry about breaking of pixels while you zoom on the image. This mockup has only PSD mockup, if you are looking for a Sketch version, check out the other iPhone mockups in this list.
iPhone X Mockup – Creative Market
This iPhone X mockup is the best option for the app presentation. If you are making accessories for iPhone X or a designer looking to present your design, this mockup can help you. The biggest welcoming new feature in the iPhone X is the wireless charging option. To give you the wireless charging option, Apple has used glass back design. The designer of this mockup has managed to make the glass back look realistic. Reflections and the shades are preserved well so that the user can get a real feel when they see your product. Both the front and back portion of the iPhone is given in this mockup, if you are an accessory manufacturer, this design will help you a lot. Since the original iPhone X has only two color variants, the designer has given you two color options in this mockup.
iPhone X Plastic Case Mockup Set
The above mentioned iPhone X mockup is a multipurpose one. But, this mockup is designed especially for the iPhone case makers. Yearly Apple sells millions of iPhones and all of them look identical. Some of the users wanted their phone to distinct from others. The easiest and the most commonly used method to make their iPhone look different is using a case. This mockup will help you showcase your iPhone case design effectively. iPhone in a human hand design and a floating design, both are given in this mockup.
High clarity images are used in this mockup so that the user can clearly see the product. As most online shopping websites gives the user to zoom-in on the image, using a high-quality image will help your product look clear even when they are magnified. The background colors are completely customizable, based on your case design you can change the background color.
iPhone X Mockup With Hand
iPhone X Mockup with hand, as the name implies this template has a human hand in its design. Landscape orientations and portrait orientations are given in this mockup. If you are making an entertainment-related application, showing it in the landscape will help the user to get a clear idea of your product. As video contents are consumed lot by the present-generation users, all the websites and application creators include videos to describe a product. If you are in search of such a mockup design, this is the one for you. iPhones in different angles are given in this mockup so that you can give a clear view of the application screen. Both front and back sides are used in this mockup, accessory manufacturers can make use of this option effectively. Just like all other premium iPhone mockups, this one also allows you to change the background as you like.
iPhone Apps Mock-ups
This mockup is designed exclusively for the iOS developers. Making your applications pass through the tough Apple standards and getting it published in App store is not an easy job. If you are a solopreneur or a small team of developers, you can use this mockup to showcase your work and concentrate on other important things. Different app screens can be shown simultaneously in one place. The user can have a clear idea of your application interface in all the pages. In the mockup, you get the previous generation iPhone model with touch ID. You get five screens in this mockup to present your content. Separate app screen mockups are also given in this set. All the mockups are properly layered so that you can easily find and edit elements in no time.
All iPhone Flat Vector MockUp
Starting from the first iPhone to the iPhone XS, every model is included in this package. Still, there are few hundreds of consumers are owning the iPhone 5 and 5s. If you are having a wide range of products and accessories for all the iPhone models, this is the mockup for you. As mentioned in the heading, all the mockups are vector models. Hence you don’t need to worry about shrinking and expanding the images.
Based on your needs you can adjust the image and this mockup can handle it easily. All the layers in these mockups are properly optimized so that the reflections and other elements are preserved well. Another biggest advantage with this mockup is all the original color options, you can choose the one you like. The creator of this mockup is constantly updating it, so you can bookmark it and check it when the next version of iPhone is released.
Minimal Clay iPhone X Mockup Set
This mockup is for the designer portfolios. With this prototype design mockups, you can clearly showcase your app design. We have a made a separate list for portfolio website templates, take a look at it to see new intuitive designs. Since it is a clay mockup design, you get white and dark color options. Seven scenes are included in this mockup, in which the phones are placed at different positions.
On the minimal background, the designs on the screen can be seen clearly. Shadows are also maintained properly to give a realistic touch to the mockup. As all other iPhone mockups in this list, this one is also a PSD file. Since it is developed using the latest Photoshop version, you get all the latest and greatest editable options. Single and multiple phone scenes are included in this set so you can show all your app screen designs in one image.
iPhone X Clear Case Mockup Set Silver
The biggest design change in the iPhone X design is its glass back. With the glass back, you get wireless charging and a premium feel as well. But still, it is glass which is breakable. You might have seen many shattered glass backs in the Youtube reviews. Having a shattered glass back on a thousand dollar phone is not something everyone like. So almost everyone is using a case on their iPhone X and the new Xs models. If you are making case for them, this is the mockup for you to showcase your iPhone case design.
Clear cases will protect your phone and also show the phone design clearly to the people. This mockup is created exclusively for the transparent or clear case design makers. The layers are treated properly so that your design looks realistic on the iPhones. Customizable background and neatly organized layers give you plenty of options to customize this mockup.
10 iPhone X Mockups
10 iPhone X Mockups includes the mockup with outdoor elements. Showing your designs in the real world scenarios will help you to connect with the users easily. The audience also can get a clear idea of how your product looks in their day to day life. As the name implies, this mockup has ten scenes with a man holding iPhone X. All the scenes are taken in different locations, so you get a different background in each scene.
Two reflective layers are given for you, based on your needs you can select the one you like. The creator of this mockup has managed to show the corresponding reflective elements on the phone. All you have to do is to choose the reflective pattern you like and start editing your mockup. PSD files and the layers included this mockup are all properly organized so that you can easily find the element you want and change it in no time.