iPhone Mockups

Using a high-quality iPhone mockup can help showcase your app, website, or branding in a stylish surround. This series collects some of our favorite iPhone mockups for different styles and models, as well as teaching you how to use them!

Nothing can impress a client like seeing their website or app being used on a real device. While it isn’t entirely possible to do this in the early stages of a design project, you can use an iPhone mockup to provides a general idea. A mockup is a great addition to presentations and client meetings so that everyone can visualize a project together.

Where to Find iPhone Mockups

iphone mockups

Rather than where to find iPhone mockups, you might ask where not to find them. (Just kidding.)

When looking for a high-quality mockup, reputable sources are always the starting place. Searching these sites will save you time thanks to a large number of high-quality iPhone mockup options.

5 Things to Look for In an iPhone Mockup

iphone mockups

Finding the best iPhone mockup can be a pretty tough task with so many high-quality options available. After you find a mockup design that appeals to you, look for these things to ensure your mockup is as functional as possible.

  • Make sure the mockup is for the latest version of the device. Particularly when it comes to iPhones, there are multiple devices and sizes to consider.
  • Look for a vector or PSD-based mockup with layers for ease of customization.
  • A good mockup is realistic but not cheesy. Mockups can be realistic or look like graphics. What you choose is personal preference.
  • Even though devices come in a lot of colors or have cases with high color, stick to a basic hue for the mockup so it does not compete with the design.
  • If you can only show one orientation, use a vertically-oriented iPhone mockup. That’s how most people hold their phones.

Quick Tips on Adding Your Design to an iPhone Mockup

iphone mockups

The more frequently you use an iPhone mockup, the more comfortable it will become. Most designers have one or two go-to mockup options they use for current devices to make workflows quick and easy.

When adding your design, start by getting comfortable with the file structure of the mockup.

Then get an appropriate screenshot of your design for different iPhone sizes. When in doubt use the newest and trendiest device. If you have room for multiple options, also use the most popular device even if it is not a current (or new) model.

Find the appropriate layer and add your image to the mockup design. Make sure the image fits the canvas properly and that the iPhone screenshot is in a layer behind the edges of the device rendering, providing a more realistic design.

4 iPhone Mockup Packs to Get You Started

Minimal Flat Design Smartphones Mockup

Minimal Flat Design Smartphones Mockup

This is an all-in-one mockup template that will come in handy when you’re showcasing your app screens or designs across multiple device types. It includes mockups of iPhone X, Samsung S9, Xiaomi 2, One Plus, and Google Pixel, all in the same place. The PSD file features vector elements making the designs easily scalable as well.

  • Price: Envato Elements Subscription

iPhone 8 PSD Mockup & Silicone Cases

iPhone 8 PSD Mockup & Silicone Cases

This unique iPhone 8 mockup also comes with a removable silicone case design. It allows you to choose from 12 different colors for the case design and even change the iPhone body color as well.

  • Price: Envato Elements Subscription

10 Authentic iPhone X Mockups

This bundle comes with 10 iPhone X mockups featuring several different angles and views of the latest smartphone. It allows you to present your various designs in different ways using photorealistic mockup templates.

  • Price: Envato Elements Subscription

iPhone XR Mockups

iPhone XR Mockups

An iPhone XR mockup with perspective view. Featuring easily customizable PSD file with smart object, this mockup is perfect for showcasing your app screens on a website design or a portfolio website.

  • Price: Envato Elements Subscription