MacBook mockup generator

Put a web app or website screenshot on a MacBook Pro 14″, 16″ or MacBook Air, then choose the lid angle, the light and the set: a dark room, a concrete desk or warm oak.

Free · no account · no watermark · runs in your browser

A MacBook Pro mockup showing an analytics dashboard in a dark room

Three MacBooks

MacBook Pro 14″ and 16″ in Space Black or Silver, and MacBook Air 13″ in Midnight, Starlight, Silver or Deep Blue.

A real lid and keyboard

Open the lid to any angle, keep or hide the notch, and get a keyboard and trackpad that read as hardware, not a flat image.

Sets and light

Studio lighting presets, reflective floors, concrete and oak desks, sunlight through blinds and lens depth of field.

Scroll long pages

A full-page capture taller than the screen can scroll inside the display, and the scroll can be keyframed for video.

Models and native screen sizes

ModelScreen sizeFinishes
MacBook Pro 14″3024 × 1964Space Black, Silver
MacBook Pro 16″3456 × 2234Space Black, Silver
MacBook Air 13″2560 × 1664Midnight, Starlight, Silver, Deep Blue

A 1440 × 900 browser window captured at 2× (2880 × 1800) fits all three almost exactly.

Made in Beveled

How it works

  1. 1

    Capture the page

    Take a screenshot, or use the Beveled Chrome extension to capture a tab at laptop size in one click.

  2. 2

    Set the scene

    Pick the model, lid angle and set, then drag to choose the camera angle.

  3. 3

    Export

    Still images up to 8K, or MP4 and WebM up to 4K, with the camera moving if you want it to.

Questions

What screenshot size works best for a MacBook mockup?
Anything around 16:10. A browser window at 1440 × 900 captured at 2× gives 2880 × 1800, which fits the MacBook Pro and Air screens closely. Other sizes are fitted automatically.
Can I change the lid angle?
Yes. The lid opens from closed to fully upright, and the angle can be keyframed, so a video can open the laptop.
Can I show a full scrolling website?
Yes. Capture the full page (the Chrome extension can) and the screenshot scrolls inside the screen. Keyframe the scroll for a video walkthrough.
Is there a flat MacBook frame too?
Yes. The 2D studio has flat MacBook frames for layouts with headlines, social sizes and App Store-style compositions.
Is it really free?
Yes. Every device, template and export size is free, with no watermark and no account. Everything renders in your own browser, so screenshots never leave your computer.

Open the MacBook mockup.