Line25

40 Free Mockup Templates to Present Your UI Designs

Read the full post

Show off your web designs and app interfaces in style with these free PSD 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 works in context, especially when used with responsive web design to show how the layout changes over a range of devices. I’ve personally downloaded and tested every file in this roundup and categorised them to allow you to quickly and easily find the type of mockup you need to present your own projects.

MacBook & iMac mockup templates

Vectorized Apple Retina MacBook Pro

Vectorized Apple Retina MacBook Pro

MackBook Pro 15 Scalable Mock Ups

MackBook Pro 15 Scalable Mock Ups

MacBook Air Mockup PSD

MacBook Air Mockup PSD

MacBook Air Mockup PSD

MacBook Air Mockup PSD

MacBook Template PSD

MacBook Template PSD

MacBook Air PSD Mockup

MacBook Air PSD Mockup

Photoshop Vector Display

Photoshop Vector Display

Retina MBP Freebie

Retina MBP Freebie

iMac PSD

iMac PSD

MacBook Air Screen Mock Up

MacBook Air Screen Mock Up

iPhone 5S & 5C Mockup Templates

iPhone 5S PSD Vector Mockup

iPhone 5S PSD Vector Mockup

iPhone 5 Mock Ups

iPhone 5 Mock Ups

3D View iPhone 5S PSD Vector Mockup

3D View iPhone 5S PSD Vector Mockup

Free iPhone Mockup PSD

Free iPhone Mockup PSD

iPhone 5C PSD Vector Mockup

iPhone 5C PSD Vector Mockup

iPhone 5C Template

iPhone 5C Template

iPhone 5S & 5C Mockup Hand PSD

iPhone 5S & 5C Mockup Hand PSD

Multiple Devices Mockup Templates

Flat Apple Devices Mock Up

Flat Apple Devices Mock Up

Free Apple Devices Mockup

Free Apple Devices Mockup

Free Showcase PSD

Free Showcase PSD

Flat Responsive Showcase PSD

Flat Responsive Showcase PSD

Responsive Showcase PSD

Responsive Showcase PSD

iPad & iPad Mini Mockup Templates

Free iPad Mockups

Free iPad Mockups

PSD iPad Air Perspective Mockup

PSD iPad Air Perspective Mockup

iPad Air PSD Mockup Perspective View Black & White

iPad Air PSD Mockup Perspective View Black & White

iPad Mini PSD Vector Mockup

iPad Mini PSD Vector Mockup

Free iPad White Angle PSD

Free iPad White Angle PSD

Other Device Mockup Templates

Nexus 5 Mockup PSD

Nexus 5 Mockup PSD

Vector Nexus 10 Mockup Free PSD

Vector Nexus 10 Mockup Free PSD

Flat HTC One 3D Mockup Freebie

Flat HTC One 3D Mockup Freebie

Flat Galaxy S4 3D Free PSD

Flat Galaxy S4 3D Free PSD

Flat Nexus 5 3D Free PSD

Flat Nexus 5 3D Free PSD

Google Nexus 5 Screen Mock Up

Google Nexus 5 Screen Mock Up

Nokia Lumia 2520 Mockup

Nokia Lumia 2520 Mockup

HTC Huge and Unreal

HTC Huge and Unreal

Nokia Lumia 920 Freebie PSD

Nokia Lumia 920 Freebie PSD

Nokia Lumia 1020 Colorful Mockup

Nokia Lumia 1020 Colorful Mockup

Free Xperia-Z PSD Mock-Up

Free Xperia-Z PSD Mock-Up

Vector HTC One PSD Download

Vector HTC One PSD Download

Vector Nexus 7 Free PSD

Vector Nexus 7 Free PSD

Xiaomi Mi2 PSD Mockup

Xiaomi Mi2 PSD Mockup

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

14 Comments

  1. Jared says:

    These seem really nice.

    Thanks for organizing them all on one page.

    -Jared

  2. Frank West says:

    Great resource Chris, thank you.

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

  3. Le'Verne Martin says:

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

  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. 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!

Comments are now closed