Mac mockup templates
Three MacBook Air 13-inch studio mockups in different styles: a photoreal front view with a soft floor shadow, a matte clay model, and a flat vector drawing. Each one takes a 2560 × 1664 screenshot, the MacBook Air 13-inch's native resolution.
They suit web apps, SaaS dashboards and landing page hero images. Drawn frames for the MacBook Air 13 and 15-inch and the MacBook Pro 14 and 16-inch are listed below, and the MacBook Pro 16-inch page also gathers photographed MacBook Pro scenes and a MacBook on a wooden chair.
Every Mac mockup
Each page has the device's specifications, its photo scenes and a link that opens it in the editor.
| Device | Screen | Aspect ratio | Photo scenes |
|---|---|---|---|
| MacBook Air 13" | 2560 × 1664 | 20 : 13 | 3 |
| MacBook Air 15" | 2880 × 1864 | 1.55 : 1 | — |
| MacBook Pro 14" | 3024 × 1964 | 1.54 : 1 | — |
| MacBook Pro 16" | 3456 × 2234 | 1.55 : 1 | 7 |
Which screenshot fits a MacBook mockup?
Each MacBook frame uses that model's native display resolution, so a full-screen screenshot from the same Mac fills it pixel for pixel. A browser screenshot of any other size still works and is scaled to the display.
Showing a website rather than a desktop app? The browser frames (Safari, Chrome, Arc, Edge and Firefox) wrap a page in its window chrome without a laptop around it.