10 Free Mockup Templates to Present Your Designs
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.
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.
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.
iMac Retina 5k Office MockUp
A great mockup by Mats-Peter Forss. The file is in layered psd and really easy to use.
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.
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.
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.
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.
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.
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.
Workspace with iMac and Apple Display Mockup
High-res mockup of a desk showing an iMac and an Apple Display. PSD with smart layer.
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
Here is another tip: you don’t need photoshop, you can generate mockups online. Here are two websites:
As an alternative for mockup 7 and 8
http://techsini.com/multi-mockup/index.php
As an alternative for all the other mockups
http://magicmockups.com/
Thank you John! This will be also helpful to many.
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.
Hi Brian, thanks for reporting! Indeed some links have been removed but we have replaced them with the new ones!
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.