# 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. Page: https://www.browsermoon.com/macbook-mockup (free online tool, runs in the browser, no sign up) 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. ## What you can do with it - Upload a website or app screenshot, or pick a BrowserMoon template or animated gradient for the screen. - Pick from 7 3D scenes (white studio, velvet sofa, tufted sofa, dark concrete, floating on black, meadow, acrylic desk) and 5 camera angles each. - Download a PNG free up to 1280 × 720. Full HD PNG and short 3D camera-move videos come with a BrowserMoon licence. - The screenshot never leaves the browser. ## 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. ## 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. ## Other mockup pages - [Free 3D laptop mockup generator](https://www.browsermoon.com/laptop-mockup) - [Laptop mockup on a white background](https://www.browsermoon.com/laptop-mockup-white-background) - [Laptop on sofa mockup](https://www.browsermoon.com/laptop-on-sofa-mockup) - [Dark laptop mockup](https://www.browsermoon.com/dark-laptop-mockup) - [Outdoor laptop mockup](https://www.browsermoon.com/laptop-mockup-outdoor) - [Laptop on desk mockup](https://www.browsermoon.com/laptop-on-desk-mockup) - [Website mockup generator](https://www.browsermoon.com/website-mockup-generator) - [Laptop mockup video](https://www.browsermoon.com/laptop-mockup-video) --- BrowserMoon (https://www.browsermoon.com) is a library of 570+ website templates and mobile app screens for people building with AI coding tools (Claude Code, Lovable, Bolt, Replit, Cursor, ChatGPT Codex). Each template is one HTML file you paste into the tool as the reference design. One licence is $349, one time, for unlimited projects. The mockup and gradient generators are free to use in the browser.