Line25

40+ Free Mockup Templates to Present Your UI Designs

Read the full post

Add to Flipboard Magazine.

Show off your web designs and app interfaces in style with these free mockup templates. Mocking up your user interface designs can really boost the value of your work by giving clients an insight into how the design will look like for the user. Mockups are also especially useful when used with responsive web design to show how the layout changes from desktop to tablet and smartphone devices.

A good presentation plays a significant role in any kind of business and especially in the design world, there’s a strong need for good quality PSD templates. These free mockup templates will make the design process hassle-free and easier, saving you both time and effort.

We have personally downloaded and tested every file in this roundup and categorized them to allow you to quickly and easily find the type of mockup you need to showcase your own projects.

iPhone 7 Mockups

Product Red iPhone 7 Plus Mockup Vol.3

This PSD iPhone 7 mockup lets you change the screen from white to black and vice versa. You can use this iPhone PSD to showcase your IOS app designs or for various branding projects.

Product Red iPhone 7 Plus Mockup Vol.3

Free Apple iPhone 7 & EarPods Mockup PSD File

Showcase your iOS app in style with this 3D model of iPhone 7 with EarPods available in two different backgrounds.

Free Apple iPhone 7 & EarPods Mockup PSD File

Flat iPhone 7 Sketch Mock Up

This is a free flat iPhone 7 Sketch mockup file wich offers the possibility of adding the popular long shadows.

Flat iPhone 7 Sketch Mock Up

Free Man Holding iPhone 7 Mockup PSD Template

This free iPhone 7 mockup PSD template is perfect for those realistic presentation mockups you want to show to a client. Customization is easy via smart-object layers.

Free Man Holding iPhone 7 Mockup PSD Template

Free iPhone 7 Mockup PSD For Presentation

This iPhone 7 mockup is perfect for creating your design presentations in a professional way. Customization is done by simply pasting your design in a smart-object layer.

Free iPhone 7 Mockup PSD For Presentation

MacBook & iMac free mockup templates

Vectorized Apple Retina MacBook Pro

This is an excellent Apple mockup template which you can use. It comes in plenty of different file resolutions to choose from.

Vectorized Apple Retina MacBook Pro Free Mockup Templates UI Designs

MackBook Pro 15 Scalable Mock-Ups

Here you have a gorgeous MackBook Pro 15 mockup design with a photorealistic style that will definitely get your attention. This mockup is scalable, pixel-perfect and Retina-ready.

MackBook Pro 15 Scalable Mock-Ups Free Mockup Templates UI Designs

MacBook Air Mockup PSD

This outstanding mockup design is available for downloading and using in both personal and commercial projects. PSD resolution is 2400x1600px and the smart object is native Air dimensions of 1440x900px.

MacBook Air Mockup PSD Free Mockup Templates UI Designs

MacBook Template PSD

You can use this beautiful MacBook template to showcase various designs. Feel free to use this mockup in any of your projects!

MacBook Template PSD Free Mockup Templates UI Designs

MacBook Air PSD Mockup

This is a fully editable PSD file with well organized smart layers. This allows you to effortlessly make any changes until you are happy with the results. Thanks to smart layers you can easily add your design to the mockup screen.

MacBook Air PSD Mockup Free Mockup Templates UI Designs

Photoshop Vector Display

This is a stunning mockup design, with a gradient background, which you can download and use for free.

Photoshop Vector Display Free Mockup Templates UI Designs

Retina MBP Freebie

Check out this gorgeous mockup freebie which has a photorealistic design. It has a more glossy style with some alternative reflections. Download and use it to showcase your current projects.

Retina MBP Freebie Free Mockup Templates UI Designs

MacBook Air Screen Mock Up

Here you have another wonderful MacBook mockup design which is ready to use. Download and use it in your upcoming projects.

MacBook Air Screen Mock Up Free Mockup Templates UI Designs

Browser Mockups

Free Safari Web Browser Photoshop Mockup Set

Here is a great web browser mockup item that has the following features: high quality, drag & drop smart-objects, 3 pre-made scenes, and more.
 Free-Web-Browser-Mockup-Set-_-PSD-on-Behance

Chrome Browser Mockup (Freebie)

This is a fully layered PSD mockup file of a Chrome browser. Download and use it to display your projects.

Chrome-Browser-Mockup-(Freebie)-on-Behance

Freebie – Wide Screen Browser Mockup

This is a wide screen browser mockup template that you can use to perfectly showcase your projects.

Freebie---Wide-Screen-Browser-Mockup-by-Khalid-Hasan-Zibon---Dribbble

iPhone Screen Mockup Templates

iPhone App Front Screen MockUp PSD

Check out this front app screen mockup. The depth of the screens is between 5px and 16px and it is completely editable using smart objects.

11-iPhone-App-Front-Screen-MockUp-PSD

iPhone App Screen PSD Mockup

This awesome iPhone app screen PSD mockup will help you create a neat presentation for your latest mobile app design. It makes it really easy to change the background color and you can add your own design via smart layers.

17-iPhone-App-Screen-PSD-Mockup

Check out this top view iPhone PSD mockup. Editing is very easy, all details can be modified, including the design showcase, background color, and layers position.

18-iPhone-Three-Screens-Top-View-Mockup

Older iPhone Mockup Templates

Vintage iPhone 6 Mockups Pack

This vintage mockup template will help you display your app or responsive website in a professional way. This was created for web designers, app designers and developers.

2-Vintage-iPhone-6-Mockups-Pack Free Mockup Templates UI Designs

iPhone 5S PSD Vector Mockup

Here you have three iPhone 5S mockup designs in a vectorized format. You can scale them at whatever size you need, without any quality losses.

iPhone 5S PSD Vector Mockup Free Mockup Templates UI Designs

iPhone 5 Mock Ups

This is an outstanding iPhone 5 mockup with a realistic design. Download and use it to showcase your apps. The pack is under a royalty free license in both personal and commercial use.

iPhone 5 Mock Ups Free Mockup Templates UI Designs

3D View iPhone 5S PSD Vector Mockup

Change the perspective of your mockup design with the help of this 3D view of an iPhone 5S. You can download it in a vector format which makes it perfect for various designs.

3D View iPhone 5S PSD Vector Mockup

Free iPhone Mockup PSD

This beautiful iPhone PSD mockup can be used for free in any kind of projects. Grab the PSD to showcase your work and feel free to use it anywhere.

Free iPhone Mockup PSD Free Mockup Templates UI Designs

iPhone 5C PSD Vector Mockup

This iPhone 5C vector mockup design is available as a fully editable PSD file. This comes in in colorful green, blue, yellow, pink, and white.

iPhone 5C PSD Vector Mockup Free Mockup Templates UI Designs

iPhone 5C Template

This is a stunning perspective mockup design of an iPhone 5C. The file includes this beautiful template in 5  different colors.

iPhone 5C Template Free Mockup Templates UI Designs

iPhone 5S & 5C Mockup Hand PSD

This is a gorgeous iPhone 5S & 5C mockup design which you can download in a customizable PSD file.  Additional new versions were added: White and Gold iPhone 5S, and all iPhone 5C versions.

iPhone 5S & 5C Mockup Hand PSD

Multiple Devices Mockup Templates

Flat Apple Devices Mock Up

Here you have a big set of amazing mock-ups of different Apple devices, all with a flat design. Use these Apple devices mockups to showcase your responsive web designs.

Flat Apple Devices Mock Up

Free Apple Devices Mockup

In this collection, you’ll discover many Apple mock-ups which are available in a PSD file format.

Free Apple Devices Mockup Free Mockup Templates UI Designs

Free Showcase PSD

This is a stunning PSD mockup design of an Apple device. Download and use it to showcase your projects.

Free Showcase PSD Free Mockup Templates UI Designs

Flat Responsive Showcase PSD

Here’s an outstanding PSD mockup design with a fully responsive layout. It uses smart layers to let you simply drag and drop your work on the screens.

Flat Responsive Showcase PSD Free Mockup Templates UI Designs

Responsive Showcase PSD

Here’s a neat set of responsive PSD mockup designs. This is a a collection of different hardware screen resolution to present your responsive project.

Responsive Showcase PSD Free Mockup Templates UI Designs

iPad & iPad Mini Mockup Templates

Free iPad Mockups

This is an amazing iPad mockup design which you can use in both personal and commercial designs. Each screen is a smart object, simply double click and replace the current screen with your own!

Free iPad Mockups Free Mockup Templates UI Designs

PSD iPad Air Perspective Mockup

Here is a wonderful iPad isometric mockup which is available in a PSD file format. This vector mockup template comes with a white silver iPad Air and a black space gray iPad Air mockup.

PSD iPad Air Perspective Mockup

iPad Air PSD Mockup Perspective View Black & White

Check out this beautiful mockup of an iPad air. You can download it in both black or white version.

iPad Air PSD Mockup Perspective View Black & White

iPad Mini PSD Vector Mockup

Looking to showcase your app designs? Check out these stunning iPad mini vector mockup! The set contains a very detailed front view of the new black and white iPad Mini with smart layers.

iPad Mini PSD Vector Mockup

Free iPad White Angle PSD

Here you have a lovely iPad white mockup design which comes with a unique view of the device.

Free iPad White Angle PSD

Other Device Mockup Templates / Older versions

Nexus 5 Mockup PSD

This mockup pictures a Nexus 5 mockup design. This is available in a fully editable PSD file and it is free for you to use however you want.

Nexus 5 Mockup PSD

Vector Nexus 10 Mockup Free PSD

This gorgeous design of a Nexus device can be downloaded and used for free.

Vector Nexus 10 Mockup Free PSD

Flat HTC One 3D Mockup Freebie

Here is an amazing HTC One mockup design with a 3d view. Download and use it to showcase your designs.

Flat HTC One 3D Mockup Freebie

Flat Galaxy S4 3D Free PSD

This is a beautiful mockup which pictures a Samsung Galaxy S4 device in a flat design.

Flat Galaxy S4 3D Free PSD

Flat Nexus 5 3D Free PSD

This is a stunning design of a Nexus 5 in a 3d view. Download it in  PSD version and use it to display your apps.

Flat Nexus 5 3D Free PSD

Google Nexus 5 Screen Mock-Up

This Nexus 5 mockup design is available at an 1800x1500px resolution. It’s fully editable in a PSD file format as it includes smart layers. Enjoy!

Google Nexus 5 Screen Mock Up

Nokia Lumia 2520 Mockup

This mockup design includes vectorized elements. This item is available in a PSD file, in 3 different colors.

Nokia Lumia 2520 Mockup

HTC Huge and Unreal

This large HTC mockup design was created in Photoshop, with vector shapes and it was designed by Nikolay Berezovskiy.

HTC Huge and Unreal

Nokia Lumia 920 Freebie PSD

Here’s an outstanding Nokia Lumia 920 mockup design which comes in four colors: black, blue, red and yellow.

Nokia Lumia 920 Freebie PSD

Nokia Lumia 1020 Colorful Mockup

You can quickly insert your content and display your projectsin this Nokia Lumia 1020 mockup! All elements are build with vector shapes and layer styles.

Nokia Lumia 1020 Colorful Mockup

Free Xperia-Z PSD Mock-Up

This high-quality mockup design can be used to beautifully display gorgeous designs.

Free Xperia-Z PSD Mock-Up

Vector HTC One PSD Download

Check out this beautiful mockup design of an HTC device. It was created using vector shapes and it will display beautifully across any device.

Vector HTC One PSD Download

Vector Nexus 7 Free PSD

This is a wonderful Nexus 7 vectorized mockup which you can download and use for free.

Vector Nexus 7 Free PSD


  • 187
100 HD Blurred Backgrounds

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of 100 HD Blurred Backgrounds + bonus 10 realistic web shadows.

100 HD Blurred Backgrounds

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques collating creative website designs. You can follow Iggy on Twitter.

29 Comments

  1. Frank West says:

    Great resource Chris, thank you.

    I have been looking for a few variations of these recently so very useful.

  2. Le'Verne Martin says:

    Nice post this is very useful! Can always rely on your blog to post something useful!

  3. Jared says:

    These seem really nice.

    Thanks for organizing them all on one page.

    -Jared

  4. Steph says:

    People are so generous, giving away these resources for free. Thanks so much for compiling them all in one useful list, Chris.

  5. Jason says:

    Wow! This is one of the longest blogs I have ever read about mac templates. Some of these would look hot during a conference meeting!

  6. Gavin says:

    All are cool, check out some mockup and wireframing tools as well http://codegeekz.com/wireframing-tools/

  7. Thanks for sharing,Chris. Very helpful.

  8. Html CSS Tricks says:

    Really awesome designs

  9. Wow just the thing I needed, I used to crop around the website image that is featured on each device (ipad,iphone, etc) that I found to show our clients. Now I have the .PSD :), thank you once again :)

  10. Thanks for these, Chris!!

  11. Diana says:

    Thank you for this round-up! Great stuff. :)

  12. Sophia says:

    It’s very helpful. Thanks for sharing!

  13. Ava Stewart says:

    Fabulous! Some awesome stuff you have shared here. I have to confess your great effort. UI Designs ;)

  14. Mick says:

    I wasn’t expecting so many apple product mock-ups (these have been done to death personally), but thanks for providing other devices. Very refreshing!

  15. georgecm says:

    Amazing

  16. ☠ Cap'n Gab ☠ says:

    That’s awesome ! Thank you so much ! =D

  17. Adam Binder says:

    Thanks for more great resources!

  18. Kokoen says:

    Awesome! Thanks for sharing that! Very usefull

  19. sunshine says:

    Thanks for sharing that! You are nice men!

  20. David says:

    Thanks for sharing this mokups!!

  21. Photoshopbaby says:

    Great collection you could also add more mockups from here…grfxpro.com

  22. Kleinermann says:

    Awesome list. These templates are very useful. Thanks!

  23. Husain says:

    Can these be used legally – without any Apple’s copyright infringement – to showcase my product?

  24. E-Ticaret says:

    Very nice elements. Thanks for more great resources!

  25. fveronese says:

    Awesome – Thanks so much!

  26. Sam says:

    Thank you! These are great.

  27. sysacad says:

    cool mockups , thanks

Leave a response