Grey Macbook Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author PSD Graphics
This grey MacBook mockup is one of the simpler ways to present a SaaS dashboard or a website homepage convincingly.
Good pick for agencies, web designers or anyone putting together a portfolio. A small tip: screenshots with a white background can blend into the bezel; a thin shadow or darker UI reads better.
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. For a fuller case study, combine it with a laptop or tablet mockup showing the desktop version.
Works well for
- A SaaS dashboard
- A website homepage
- A web app
This is a free file from PSD Graphics. When you click download you’ll land on their page to grab it.
What’s inside the Grey 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 edit this Grey Macbook Mockup in Photoshop
- Take a clean screenshot of the app or website you want to show.
- Open the PSD in Photoshop and find the smart object layer, usually named “Your Design” or “Place Here”.
- Drop your artwork in, fit it to the canvas, save and close. The mockup updates by itself.
- 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.
Ways to use this Grey Macbook Mockup
- Show a web app on your online shop or product page.
- Share a portfolio case study on Instagram, Behance or Dribbble with a real-looking preview.
- Show a website homepage to a client before it goes to print or production.
Before you download
- Made by PSD Graphics. The download size and format are listed on their page.
- The preview shows the angle, background and lighting you’ll get.
- 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
What licence does it come with?
PSD Graphics sets the licence, and it can differ from file to file. Many free files allow personal and commercial use, but some are personal-only or ask for credit. Read the terms on the download page before a paid project.
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.
Why does the download open another website?
We list free files from designers around the web and link to the original page, so PSD Graphics gets the visit and you get the file exactly as they published it.
