Using an iPhone 11 or 12 mockup is the perfect way to get customers interested in your new app or responsive website theme, or to show off your new game or e-commerce page on your website.
If you’ve been looking for the perfect mockup for the iPhone 11, Placeit has an amazing range of photo-realistic iPhone 11 mockup templates to suit just about every need. What’s more, the Placeit iPhone mockup generator makes these templates super easy to use.
Top iPhone 12 Mockups Found on Envato Elements
Before we dive into iPhone 11 mockups on Placeit, let's check out the new iPhone 12 mockups from Envato Elements.
With an Envato Elements subscription, download as many digital assets as you want with no caps. That means you'll have unlimited access to iPhone 11 and iPhone 12 mockup PSD templates, custom fonts, stock videos, and a whole lot more so you can put together your creative projects!
Every item on Envato Elements has an easy-to-understand license and is made with professional quality. It's worry-free. All you need to do is create.
Let's have a look at some of the premium iPhone 12 mockups available to download on Envato Elements today:
1. Clay iPhone 12 Mockup (PSD)
This clay iPhone 12 mockup template is a nice, realistic option for your needs. You'll find four scene variations in this mockup download bundle. The customisable backgrounds and Smart Layers make editing a breeze. If you're promoting a new app or website, try out this minimal floating iPhone 12 mockup.
2. Isometric iPhone 12 Mockup (PSD)
Isometric design is a trend that's been catching fire in 2020 and looks to carry over into 2021. You can add that look to your app's marketing with this modern iPhone 12 mockup. This template is incredibly easy to use and is fully customisable.
3. iPhone 12 Pro Max Mockup (PSD)
This iPhone 12 Pro Max mockup template is a premium choice for a premium phone. The photorealistic mockup captures the iPhone 12 Pro Max from different angles. It also includes the Black and Special Blue colours of the new phone. Try out this iPhone 12 Pro Max mockup PSD for your marketing efforts in 2021.
This is the ultimate iPhone 12 mockup PSD bundle for creatives. It features 21 scenes and perspectives to capture your app or website from all angles. Each mockup of the iPhone 12 is captured in high-resolution 5K. Try it if you need high-quality iPhone 12 mockups that are easy to customise.
10 Excellent iPhone 11 Mockups From Envato Elements
Even though the iPhone 12 has just been released, having an iPhone 11 mockup handy is still a good idea. Here are a few mockups for the iPhone 11 from Envato Elements:
1. iPhone 11 Mockup in Hand (PSD)
This iPhone 11 mockup PSD is high resolution and sure to leave an impression. Show how your app, webpage, or blog looks in the hands of a consumer. This iPhone 11 in-hand mockup comes with different scenes and is very easy to use thanks to the included Smart Objects. If you're ever stuck while editing this file, take a look at the handy help file.
2. iPhone 11 Mockup Scene (PSD)
Odds are you might need different perspectives of your app or responsive website. That's why this iPhone 11 app mockup features both portrait and landscape modes. For further visual control, each of the five editable Photoshop files includes five usable filters. This is a great option if you need to display your product or service using different angles.
3. Colourful iPhone 11 Mockup (PSD)
Complement the creativity of your app with a creative background! Choose from six colour options with this fun iPhone 11 mockup in hand. This template includes a host of features, including:
- quick and easy editing
- smart objects
- help guide
- two pre-made scenes
4. iPhone 11 Pro Mockup (PSD, Sketch, XD)
There's nothing wrong with a splash of colour like in this iPhone 11 Pro mockup. Choose from any of the four official iPhone colours to display your product. Thanks to the drag-and-drop functionality, you can place your designs quickly. Try it out if you're looking to make an iPhone 11 Pro mockup PNG.
5. iPhone 11 Pro Mockup - Desk Scene (PSD)
Want your app or website to be seen in a natural setting? Then this mockup of an iPhone 11 Pro on a desk is right up your alley. The minimal design makes sure what you put on the screen is the centre of attention. Each of the four iPhone 11 Pro Photoshop files is easy to customise and edit with your designs.
6. iPhone 11 Pro Mockup Scene 02 (PSD)
Show off the full range of your app with this professional iPhone 11 Pro Mockup Scene template. The modern template layout is perfect for 2020, and includes features like:
- fully editable PSD file
- vector files for easy customisation
- drag-and-drop functionality
7. iPhone 11 Pro Mockups In Hand (PSD)
Need a quality app or website preview image fast? Try this editable iPhone 11 in-hand mockup. Featuring the iPhone 11 Pro, this template includes four different official phone colour options and Photoshop files. You can even showcase your product or service in portrait or landscape mode. Export this iPhone 11 Pro mockup to a PNG for a nice Instagram post.
Abstract art is an excellent attention-grabber. Just take a look at this iPhone 11 Pro Max Photoshop mockup. The abstract framing of the phone is visually interesting and focuses attention on the screen. Edit the background and screen for a high-resolution, stylish illustration for marketing or advertising.
9. iPhone 11 Pro Max Mockup (PSD)
Need a mockup that you can use anywhere? Try this photorealistic iPhone 11 Pro Max Photoshop template. It includes a background that you can easily edit and change with colours or some scenery. The iPhones themselves come with six different colour options to suit your needs.
10. iPhone 11 Pro Max Mockups YR (PSD)
Rounding out our list is this simple iPhone 11 Pro Max mockup. Keep the focus on your app or responsive webpage with this template's clean design. There are three different iPhone positions to choose from with this download. The Photoshop file is editable, which means you can add and remove touches as you see fit.
How to Use an iPhone 11 Mockup
1. Navigate to Placeit’s iPhone Mockup page.
Upload your screenshot or enter the URL of your webpage in the box at the top of the page.
2. Select an iPhone 11 Mockup You Like
Uploading your selected image will display it in the iPhone 11, iPhone 11 Pro, and iPhone 11 Pro Max mockup templates available on Placeit. Browse the templates and select the one you like most. This will open the image in the iPhone mockup generator.
3. Customise Your iPhone 11 Mockup
You can now use the iPhone mockup generator to add text to your template if you like by using the Add Text button on the left-hand side. Here you can also change the font and the colour of the text to match your brand.
The iPhone mockup generator also allows you to move the text around your iPhone mockup until you're happy with your layout. Use the Reset Layout button found on the upper right of the image if you don't like what you've done and want to start all over again.
4. Download Your iPhone Screen Mockup
When you’re happy with your iPhone mockup, you can download it for a small fee. And just like that, you’ve got a realistic iPhone mockup to use as you choose.
Now that you know how to use the iPhone mockup generator from Placeit, why not try it out? We've rounded up some great Placeit mockups of the iPhone 11 Pro Max, iPhone 11 Pro, and iPhone 11 that you can use.
iPhone 11 Pro Max Mockups From Placeit
Have you created a new baking app or want to advertise your Instagram account specialising in baking? Then this iPhone screen generator with an iPhone 11 Pro Max sitting on a hardwood countertop surrounded by baking ingredients and tools is perfect for you.
Why not advertise your latest iPhone app with this terrific iPhone 11 Pro Max mockup template? It features a young man sitting in a cafe holding the phone up to the viewer.
If your demographic is millennials, you'll love this cool iPhone 11 mockup in hand with a casually dressed young woman holding an iPhone 11 Pro Max by two of its corners so that it's displayed in portrait mode in the foreground of the mockup.
Want a simple yet eye-catching way to present your product? Why not try this iPhone 11 Pro Max mockup, which plays with the contrast of the curved lines of the Max, the soft folds of fabric, and a plain background. You can change the colours of both the fabric and the solid background to maximise the effect, as well as adding text if you care to.
Another gorgeous iPhone screen generator for a millennial audience. This time, the young woman holds the iPhone horizontally so that it's obscuring the lower part of her face. A great way to focus attention on your content.
Creators of sports apps or merchandise will love this iPhone 11 Pro Max mockup, which shows the iPhone screen clearly in the foreground, with a woman in the background tying her gym shoes with a kettlebell on the bench in front of her, suggesting she's about to begin her workout.
Want to advertise your new music or radio app? Then check out this iPhone screen generator of a young woman listening to her iPhone through her air-buds while holding the phone up so that viewers can see the screen clearly.
This is a great iPhone screen generator for all kinds of apps related to music or audio. Just upload your image or URL using the iPhone mockup generator, add text if you need it, and your mockup is ready to download.
This iPhone screen mockup communicates sheer joie de vivre. Use it for apps focused on lifestyle, fashion, music, or even travel-related content.
iPhone 11 Pro Mockup
This cool, modern iPhone screen mockup is perfect for apps and websites related to exploring cities, finding shops and landmarks within a specific city, hotel and restaurant apps, and so much more.
A classic over-the-shoulder shot of a woman looking at a phone while relaxing in a restaurant, this iPhone screen mockup gives viewers a clear view of the iPhone 11 Pro screen. This iPhone 11 in-hand mockup can be used to advertise a number of different apps and websites, from gaming to photography to lifestyle.
The laptop and coffee combo is such a contemporary image, making this the ideal iPhone screen mockup for any and every app or website imaginable. Use the iPhone mockup generator to try out your images and see what you think.
A gorgeous, colourfully patterned fabric provides the backdrop for this beautiful mockup with an Asian flavour. The mockup gives you one full view of your image on the iPhone Pro and a partial view of your image on the other iPhone Pro, while the other iPhones in the image just show a black screen. It's a unique way to show two iPhones in a mockup.
If you've just launched a study, book, or reading-related website or app, you may like this mockup, which shows a hand framing an iPhone 11 Pro that's resting against an open book.
We've already shown you a terrific iPhone 11 Pro Max mockup for baking-related content, but for those looking for an iPhone 11 Pro version, here's a great one. Featuring an iPhone 11 Pro surrounded by brownies and baking tools, this mockup leaves no doubt who it's targeting.
Workout apps have proven indispensable to the busy modern woman, who may not have the time to go to the gym but wants to get her exercise in anyway. Advertise your fitness apps and YouTube, Instagram, or Facebook channels using this fabulous iPhone mockup.
This iPhone mockup can be applied to so many different scenarios. The first that comes to mind is for apps related to writing or studying, whether that be a new language or maths, but really it could be used for just about any kind of website app or social media channel you can imagine.
iPhone 11 Mockup
Sometimes, all you need is a mockup with a plain background or no background at all. For those times, here is this iPhone 11 mockup placed horizontally against a solid grey background. Don't worry if you have a specific colour in mind—this template allows you to change the background to the exact colour that you need.
Of course, you may want the same mockup featured above but with the iPhone placed vertically in the frame as opposed to horizontally. That's why we've included this mockup template, which offers the same controls to change the background colour as the one above.
Just to add some more variety to these simple iPhone mockups, this one offers two iPhone 11s overlapping each other against a transparent background, which allows you to place the iPhone against any type of background you care to once you've downloaded it. And, by the way, the two iPhones above also give you the option of making the background transparent.
Finally, another option in your minimalist iPhone mockup arsenal. This time, one phone hovers over the other, and the iPhone mockup generator offers two separate controls for uploading your images so that you can add a different image to each screen.
10 Top Premium iPhone 11 Mockups From GraphicRiver
Are you looking for an iPhone 11 app mockup file you can download and tweak yourself? If you're not interested in an Envato Elements membership, head over to GraphicRiver. There you can make a single purchase for any asset you need. You'll get premium quality without needing to pay for a membership.
If you want a peek at what's available on GraphicRiver, we've rounded up 10 top iPhone 11 templates and mockups:
1. iPhone 11 Pro Clay Mockup Set (PSD)
Take full control of how your app or webpage looks with this clay iPhone 11 Pro Photoshop mockup. This template includes 19 different arrangements and perspective angles for you to choose from. The clay style is realistic yet adds a slight abstract touch. Its modern style fits right in with your portfolio or proposal. You can export this iPhone 11 Pro mockup to a PNG for easy social media sharing.
With four colours and nine different poses, this iPhone 11 Pro mockup has what you need to show your app in all its glory. It's fully layered and neatly labelled for easy editing. This mockup even has a help file in case you have trouble. It makes a nice option if you need to show two iPhones in a mockup.
3. Mobile iPhone 11 Mockup (PSD)
If you want even more options for an iPhone 11 Pro mockup, then check out this template. It has 19 PSD files that feature iPhones that are in hand and isolated. Take advantage of included editing options like:
- light and dark mode
- transparent background
4. Gold & White Phone 11 Kit (PSD)
This iPhone 11 mockup PSD is as good as gold. It features the device from different angles with a range of scenes. Just like the screen, the logo on the back of the iPhone is fully editable, allowing your brand to be seen on all sides. You can even change the colour of the bezel as a last touch.
5. Clean Phone 11 Mockup (PSD)
If you don't want an iPhone 11 template that's photorealistic but still need professional quality, try the Clean Phone 11 Mockup PSD. It has a range of positions, and each Photoshop file includes five photographic filters. Once you make your edits, you'll be left with a high-quality mockup that's social media ready.
6. Neon Phone 11 & Pods Mockup (PSD)
Get flashy with this neon iPhone 11 mockup PSD. The bright lights contrast nicely with the dark background, and you can tie it all together by adding images of your app or responsive webpage. Thanks to the easy-to-use Smart Objects, editing images with this template is a breeze.
7. iFone 11 Pro & Pro Max Mockup (PSD)
Minimal design is trendy this year, and you'll find that it's executed well here. This template is light on design frills but has a focus on professional design. Make changes to the background by choosing one of the three pre-made images or using a custom one. It also includes two iPhones in its mockup: the iPhone 11 Pro and iPhone 11 Pro Max.
8. iPhone 11 Pro Mockups (PSD)
When it comes to colour, sometimes softer tones say the most. This iPhone 11 Pro Photoshop mockup applies this principle to its design. It has multiple colour and background options that complement the app or webpage image you choose to put on screen. This template is a great option for developers looking to keep the focus on their design.
9. iPhone 11 PSD Mock-ups (PSD)
This iPhone 11 mockup gives you and your product or service a lot of visual options. With ten poses and multiple backgrounds, you'll be able to create multiple unique marketing and advertising materials. Thanks to Smart Objects, you'll cut down on the time you spend editing.
10. Phone 11 ProMax Mockup (PSD)
To close out our list, we have this fantastic iPhone 11 Pro Max Photoshop mockup. Using the green colour of the iPhone 11 Pro Max, this template allows you to make edits fast. Add your images and change the background colour with this simple mockup.
Take an iPhone Screen Mockup for a Spin Today
Have you found an iPhone screen mockup you love here? Why not make your own mockup and share it with us in the comments below.
And remember, the best iPhone 11 and 12 mockups you saw above are only a fraction of the wonderful options available at Placeit and Envato Elements. If you haven't found exactly what you need here, head on over to the site and browse the large collections of iPhone mockups to be found there.
If you're interested in other kinds of mockups as well, here are some great suggestions for you:
- Product Mockup30 Best iPad Mockup Templates (PSD & PNG) With Realistic ResultsNona Blackman
- Book Cover27 Best Book Mockups Using a Book Mockup GeneratorNona Blackman
- Mac21 Best MacBook & Laptop Mockup Templates (Including iMac & MacBook Pro PNG Mockups)Nona Blackman
- Product Mockup22 Best Magazine Mockups Using an Online Generator (Cover, Layout, Flat, and More)Nona Blackman
- Product Mockup22 Best Tote Bag Mockups (Using an Online Mockup Generator)Nona Blackman
- Product Mockup26 Best Coffee Mug Mockups (Using a Mug Mockup Generator)Nona Blackman
- FaceMask Mockups25+ Best Face Mask Mockups (PSD, Mockup Generator)Nona Blackman
- Computer Mockups30 Best Computer MockupsNona Blackman
- Product Mockup26 Best Beanie Mockups (Using a Hat Mockup Generator)Nona Blackman
- Logo Mockups42 Best Logo Mockups (3D, Vector, and PSD)Nona Blackman
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post