10 Free Mockup Templates to Present Your Designs

A good presentation plays a very important role in any kind of business and especially in the web design world.

Mocking up your designs can really boost the value of your work by giving customers an insight into how the design will look like for the user. Mockups are also very useful when used with responsive web design to show how the layout looks on different devices.

Show off your websites and app interfaces in style with these free mockup templates. You need to have Photoshop at the ready, and a few captured screenshots from your desktop or mobile devices.

1

Moto G and Macbook Pro Photo MockUps

This nice and original collection of 7 high-resolution PSD photo mock-ups of a Moto G mobile and Mackbook Pro is great for showcasing your mobile app or website. The files are very easy to use, just place your design inside the smart objects and you’re done. The credit for this freebie goes to Carlos Martinez.

Moto G and Macbook Pro Photo MockUps
2

3 Elegant Macbook Pro MockUps

Showcase your new apps and web design projects in a elegant and photorealistic way with these 3 high-resolution Macbook Pro mock-ups. To have your design displayed on the screen of the Macbook, just place it inside the smart object.

MacBook Air MockUp PSD
3

iMac Retina 5k Office MockUp

A great mockup by Mats-Peter Forss. The file is in layered psd and really easy to use.

4

Flat Responsive Showcase

This is a flat version of our PSD responsive showcase series with three flat designed devices to help you showcase your responsive web projects. You can use the smart layers to easily place and display your designs.

PSD - Minimal iPhone 6 Template
5

iMac Pro with Keyboard on a Table Mockup

Realistically rendered scene showing a space-grey iMac Pro on a white desk. High-res PSD file with the smart layer. The dimensions are: 4000 x 3000 px.

6

Perspective iMac Screen Mockup

A great mockup to show off your website and app designs: A 4000 x 3000 px sized PSD with multiple layers and smart objects.

7

Responsive Web Design Showcase Mockup

Showcase your responsive web designs with this mockup featuring a MacBook, iPad and iPhone. Completely layered PSD file (5000 x 3400 px) with three smart objects.

8

Showcase Website Header Mockup

Very abstract concept site with free photographs in a variety of offbeat genres (you’ve gotta check out the Animals category). Many of these photos have filters applied, so tweaking them with your own might be a bit difficult.

9

White iPad with iPhone Mockup

This site features travel photography only, in stunning shots from around the world. The photo file sizes are quite large at 240ppi, giving you a lot of real estates to play with when resizing for your use. This site could use a grid layout and a back to top button – all the photos are presented large – so be prepared to do a lot of scrolling. A nice upcoming site with great shots.

White iPad with iPhone Mockup
10

Workspace with iMac and Apple Display Mockup

High-res mockup of a desk showing an iMac and an Apple Display. PSD with smart layer.

Workspace with iMac and Apple Display Mockup
Maciej Ekstedt

Maciej Ekstedt

Maciej is the founder and CEO of B3 Multimedia Solutions. He is a self-made web designer and marketing expert, and he loves his job so much that he barely leaves the office. He transforms creative ideas into effective strategies for his company and for his clients. Maciej is fascinated by the phenomenon of megalopolis. He notices patterns and details which make up the whole thing, and he uses these skills in his work.


The Divi Toolbox is the best plugin to power up the Divi theme.
Get 10% off with coupon code TOOLBOX10

5 Comments

    • Maciej Ekstedt

      Thank you John! This will be also helpful to many.

      Reply
  1. Bryan

    Good stuff, best collection I have found online so far. Thanks for sharing!

    But… how to download? Quite a few of them are not linked.

    Reply
    • Maciej Ekstedt

      Hi Brian, thanks for reporting! Indeed some links have been removed but we have replaced them with the new ones!

      Reply
  2. Michaël

    On top of that, thanks for the article.
    I plan to show how to make this kind of Mockup easily with Photoshop in a YouTube video.

    Looking forward to reading more.

    Reply

Leave a Reply to John-Pierre Cornelissen Cancel reply

Your email address will not be published. Required fields are marked *

Sign up to our newsletter list

Pin It on Pinterest

This site uses Cookies to improve your online experience. By continuing to use this site without changing your cookie preferences we will assume that you are agreeing to our use of cookies. For more information visit ourPrivacy Policy.
Understood