MacBook mockup generator
Put your screenshot on a 3D MacBook style laptop in silver or space black. Pick a scene and download. Free up to 720p.
MacBook mockup generator examples
More laptop mockups
A MacBook mockup is the most used device mockup for websites and apps, because it is the laptop most designers and founders use. This generator puts your screenshot on a slim MacBook style laptop with a thin bezel and a camera notch, in silver or space black, across seven 3D scenes and five camera angles. It is an original 3D model with no Apple logo, so you can use it in client and commercial work.
No screenshot yet? Put an animated gradient on the screen: ribbon, liquid or any animated gradient.
Where to use it
Website and app launches
The look people expect from a modern product shot, on X, LinkedIn and Product Hunt.
Portfolio and Dribbble shots
Show client work on a MacBook Pro style laptop instead of a flat screenshot.
Landing page heroes
A realistic MacBook mockup as the hero image of your own site.
How to make a laptop mockup
- Pick a scene, a camera angle and how close the camera is.
- Upload a screenshot of your website or app, or put one of our landing page templates or animated gradients on the screen.
- Pick a camera move, like push in, rise or focus pull, to see the scene move in 3D.
- Download a free PNG at 720p, or a Full HD PNG and a video with a licence.
What is a MacBook mockup?
A MacBook mockup is a picture of a MacBook style laptop with your own design on the screen. It is the quickest way to make a website, app or dashboard look like a finished product, and it is what most designers use for portfolios, launch posts and client presentations.
A 3D MacBook mockup, not a flat frame
Each scene is a full 3D render with real light, shadows and depth. Your screen is placed in true perspective, so the result looks like a photo of a MacBook, not a screenshot pasted on top of one. Pick from a white studio, two sofas, a dark concrete room, a laptop floating on black, a meadow and a modern desk.
Five camera angles for every scene
Show the MacBook from the front, low down, up close, from above or from the side. The close up angle is good for showing details of a design, and the top down angle works well as a flat lay for social posts.
Free MacBook mockup PNG, or Full HD and video
Download a free MacBook mockup PNG up to 720p with no sign up. A BrowserMoon licence gives you the Full HD PNG with no credit and an animated MacBook mockup video.
Frequently asked questions
Is the laptop mockup free?
Yes. Every scene is free to use at up to 1280 px (720p), with no sign up. Full HD PNGs and video exports come with a BrowserMoon licence.
Do I need Photoshop?
No. It works in your browser. Upload a screenshot or pick a template, then download the image. Nothing is uploaded to a server.
What size should my screenshot be?
Any 16:10 screenshot works best, for example 1440 × 900 or 2880 × 1800. Other sizes are fitted to the screen.
Can I use the mockups in client and commercial work?
Free downloads can be used anywhere, with the small BrowserMoon credit if you keep it on. Licensed downloads have no credit and are cleared for client and commercial work.
Is this a real MacBook?
It is an original 3D laptop modelled in the MacBook Pro style: slim aluminium body, thin black bezel and a camera notch. It has no Apple logo, so it reads as a MacBook mockup without using Apple's trademarks.
Silver or space black?
Both. The white studio, sofa and meadow scenes use a silver MacBook style laptop, and the dark concrete and acrylic desk scenes use space black.
Can I make a MacBook Pro mockup or a MacBook Air mockup?
The model is closest to a MacBook Pro, with the notch and the thin bezel. For most posts and portfolios it works for anyone looking for a MacBook Pro mockup or a MacBook Air mockup.
Is there a MacBook mockup PSD?
There is no PSD to open. You change the screen and the scene here in your browser and download a PNG or, with a licence, a Full HD PNG and a short video.
Narrow it down
Works with any vibe coding tool