Wall MacBook Pro Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Pixelbuddha
This wall MacBook Pro mockup is one of the simpler ways to present a web app or a portfolio case study convincingly.
It’s a handy file for web designers and developers. Tip: turn the screen glare layer down if your UI has small type. Glare looks nice but hides detail.
A screen inside a real device frame explains a product faster than a raw screenshot, which is why it shows up on so many landing pages and app store listings. Pair it with a second device from the same angle to show a responsive layout.
Credit goes to Pixelbuddha. We link to their download page rather than re-uploading the file, so check their terms there before commercial use.
Editable options in the Wall MacBook Pro Mockup PSD
Everything below is on its own layer:
- Screen design, placed through the smart object
- Background colour
- Shadow under the device
Add your design to the Wall MacBook Pro Mockup
- Pick one strong screen. It reads better than a crowded one.
- Open the PSD in Photoshop and find the smart object layer, usually named “Your Design” or “Place Here”.
- Place your design, hide the sample artwork, save, and go back to the main file.
- Hide the reflection layer for a flatter look.
- Export a full-size image for your portfolio and a smaller one for social media.
Worth remembering: make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.
Best uses for this Wall MacBook Pro Mockup
- Use it as the cover image for a SaaS dashboard in your portfolio.
- Present a portfolio case study in a client proposal or brand guide.
- Share a web app on Instagram, Behance or Dribbble with a real-looking preview.
Good to know
- Made by Pixelbuddha. The download size and format are listed on their page.
- Check the licence on the author’s page. Personal and commercial terms differ from file to file.
- Built for Adobe Photoshop. A recent CC version handles the smart objects best.
Scroll down for similar macbook mockups from other designers.
Questions about this mockup
What licence does it come with?
It's free to download, but the licence belongs to Pixelbuddha. 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.
Which Photoshop version do I need?
A recent Photoshop CC version is best. Older versions can open the file but sometimes have trouble with smart objects and effects.
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.
