Minimal MacBook Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Mockups Design
A website homepage looks better on a minimal MacBook mockup than on a white artboard, and this mockup is set up for exactly that.
Agencies and web designers tend to get the most out of files like this. Tip: 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.
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 Minimal MacBook Mockup PSD
Main things you can change in Photoshop:
- Screen design, placed through the smart object
- Shadow under the device
- Background colour
How to edit this Minimal MacBook Mockup in Photoshop
- Pick one strong screen. It reads better than a crowded one.
- In the Layers panel, find the layer with the small smart object icon and double-click it.
- Place your design, hide the sample artwork, save, and go back to the main file.
- Lower the glare layer if it hides small text.
- Export with File › Export › Export As: JPG for sharing, PNG for the web.
Another tip: for app store or portfolio images, crop tight around the device so the screen fills most of the frame.
Best uses for this Minimal MacBook Mockup
- Show a website homepage on your online shop or product page.
- Share a portfolio case study on Instagram, Behance or Dribbble with a real-looking preview.
- Make two or three colour versions of a web app 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.
- Some free mockups ask for credit when you post them. A short line in your caption is enough.
Scroll down for similar macbook mockups from other designers.
Questions about this mockup
Can I use this MacBook mockup for client work?
That depends on the author's terms. The download page lists what is allowed; when in doubt, ask the author directly.
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.
What size should my screenshot be?
Open the screen smart object and check its canvas size in Image › Canvas Size. Paste your screenshot at that size so it stays sharp.
