Cozy MacBook Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Mockups Design
Show a web app the way it will actually look: on a cozy MacBook mockup.
It’s a handy file for developers and agencies. One thing worth knowing: turn the screen glare layer down if your UI has small type. Glare looks nice but hides detail.
It’s also a quick way to make case study images look consistent: same device, same angle, different screens. Pair it with a second device from the same angle to show a responsive layout.
The file is made by Mockups Design. The download button takes you to their page, where you get the original file and the licence details.
Editable options in the Cozy MacBook Mockup PSD
Open it in Photoshop and you can change:
- Screen design, placed through the smart object
- Device colour, where the file includes it
- Background colour
How to use the Cozy MacBook Mockup
- Export your screen design as a PNG at the exact size of the screen smart object.
- Open the PSD in Photoshop and find the smart object layer, usually named “Your Design” or “Place Here”.
- Paste your design, resize it to fill the area, then save (Ctrl/Cmd + S) and close that tab.
- Export with File › Export › Export As: JPG for sharing, PNG for the web.
Worth remembering: screenshots with a white background can blend into the bezel; a thin shadow or darker UI reads better.
Ways to use this Cozy MacBook Mockup
- Show a SaaS dashboard to a client before it goes to print or production.
- Use it as the cover image for a web app in your portfolio.
- Make two or three colour versions of a website homepage and let the client pick.
Before you download
- Made by Mockups Design. The download size and format are listed on their page.
- Check the smart object size before you design, so your artwork fits without stretching.
- Built for Adobe Photoshop. A recent CC version handles the smart objects best.
Need a different angle? The macbook mockups category has plenty more free PSD files.
Questions about this mockup
Is it free for commercial use?
It's free to download, but the licence belongs to Mockups Design. Check their page: it states whether commercial use is allowed and if attribution is needed.
How do I add my design?
Open the file in Photoshop, double-click the smart object thumbnail, paste or place your artwork in the new tab, save it (Ctrl/Cmd + S) and close. The main file updates on its own.
Do I need Photoshop?
Yes. This is a PSD mockup built with smart objects, so you edit it in Adobe Photoshop. Any recent CC version works.
Can I remove the screen reflection?
Usually yes. Reflections and glare are normally a separate layer that you can hide or lower in opacity.
