Top 5 resources for Device Mockups

A collection of modern mockup resources to present mobile and web apps in 2021 and beyond.

Top 5 resources for Device Mockups

Every mobile or web app requires marketing efforts to grow and become popular. In this post, I will share the resources that you can use to find professional looking mockups to use in your app presentations.

Feel free to skip to the end of the post, where you can find a comparison table summarising our findings.

I already covered sources for iPhone mockups (which is by far the most popular device), so if iPhone is the device you are looking for - click on the link above.

In the meantime, let's run through the list of 'most wanted' devices.

Depending on the market and audience you are designing for, you might opt in to use Apple or Android devices.

Apple Devices

Apple completed a design uplift for many of their devices. Pretty much their whole line of devices for 2020/2021 has been re-designed. I suggest to reflect this update in your designs.

  • iPhone 13 - Latest mobile flagship by Apple (released in September 2021)
  • iPad Mini 6 - Apple released a new iPad in 2021
  • MacBook Air M1, 13 Inch model (released in 2020)
  • MacBook Pro M1X, 14 and 16 Inch models (released in October 2021)

Android Devices

If you are developing and marketing apps solely for the Android user-base, I would suggest to use Android-native phones. Some flagships to look out for in 2021 are:

  • Google Pixel 6
  • Samsung S22 (announced but not yet released)
  • One Plus 8

Device Mockup Sources

Below, we list a list of resource that you can use to find mockups for the devices listed in the section above.

1. Previewed

3D Device Mockups - Take a snapshot of your device in 3D
Create beautiful mockups for your app, in just a few clicks.

Use Previewed to access the latest device mockups from Apple and other manufacturers. You can fully customize your device mockup in the 3D editor, where you can choose your perfect device angle, color and screen media content.


  • Device animation support
  • Web browser based (online)
  • Fully customizable angles (3D environment)


  • Free for 720p quality
  • Limited number of default templates

2. Freepik

Enjoy these Device Mockup Images for free
You can find & download the most popular Device Mockup Vectors on Freepik. There are more than 38,000 Vectors, Stock Photos & PSD files. ✓ Remember that these high-quality images are free for commercial use

Freepik is a free resource that contains thousand of vectors submitted by designers worldwide.


  • Rich selection of mockups
  • Free templates


  • Low quality mockups
  • Very basic devices
  • .psd vectors only

3. Device Frames

Device Mockups - Generate Device Snapshots in 3D
Custom 3D device mockups

Device Frames has all of the latest devices that you might want to use for your presentations (latest iPhones, iPads and MacBook Pros). You can create your custom 3D scene with any device combination and angles. Everything is customizable with an option to create 3D animations.


  • All latest devices
  • Free to use
  • Animation support
  • Video input support


  • No text support
  • No option to add custom images
  • High price if using for commercial projects  

4. Ls Graphics

Devices Mockups
Devices mockups for your personal and commercial projects

Ls Graphics is a popular resource for graphic designers who need professional mockups in PSD format. As long as you have Photoshop installed and money to spare, you should check out their collection. Device mockups have smart objects layers that you can use to insert your own screen media content.


  • Professional mockups
  • Variety of device angles


  • Paid mockups
  • Only .psd/.ai (requires software download)

5. Mockover

Mockover - Generate custom mockups for any product
Create custom mockups with Mockover

Mockover is not specifically limited to devices - instead, it is a 3D image mapper that merges two images into a single one and can help you create any type of mockup you want. These custom mockups can be created from any image on the web. After you pick an image you like (for example a realistic device mockup), you can map your own custom screen content on top.


  • Supports professional and realistic settings
  • Not only limited to devices


  • Learning curve to start using the tool
  • More time consuming to create mockups


This article would not be complete without mentioning extra sources for designers who use Figma.

Here are 2 Figma templates containing popular devices:

Comparison table

We compare the resource by number of devices available, ease of use, number of templates and assign each a final score.

Resource Devices Price Ease of use Customization Mockup Variations Software Required Final Score
Previewed 8/10 8/10 10/10 8/10 5/10 No 8/10
Freepik 10/10 10/10 5/10 4/10 8/10 Yes 8/10
Device Frames 8/10 10/10 10/10 7/10 5/10 No 7/10
LS Graphics 8/10 5/10 5/10 5/10 10/10 Yes 7/10
Mockover 10/10 6/10 7/10 10/10 0/10 No 5/10

Summing up

By now, you should know where to get device mockups for your app presentations. Depending on the format requirements, you can select an appropriate resource from the list above.

If you have a useful resource for mockups that is not listed, please reach out using the contact form and it will be added to the list.