MacBook Air mockup

MacBook Air 13″ in Midnight, Starlight, Sky Blue and Silver.

Drop your screenshot here

Size

Format

Your image stays in your browser — nothing is uploaded.

The MacBook Air mockup is thinner, with a full-width keyboard and the familiar wedge-free design. Pick a color to match your brand and download a high-resolution PNG.

Examples

E-commerce Store mockup on MacBook Air 13-inch, left angleE-commerce Store on MacBook Air 13-inch Mockup — Left AngleLanding Page mockup on MacBook Air 13-inchLanding Page on MacBook Air 13-inch MockupEmail Inbox mockup on MacBook Air 13-inch, floating 3D, dark modeEmail Inbox on MacBook Air 13-inch Mockup — Floating 3D, Dark ModeFinance App mockup on MacBook Air 13-inch, isometricFinance App on MacBook Air 13-inch Mockup — Isometric

How it works

  1. Choose a screen

    Pick one of 18 interface types (5 layouts each) or upload your own screenshot. Press “New variant” until you like it.

  2. Choose a device

    Put it on an iPhone 17 Pro, iPhone Air, MacBook Pro or MacBook Air — or show it in a browser window.

  3. Download

    Pick an angle and background, then download a high-resolution PNG, JPG or WebP. Transparent background works too.

Questions

Which colors are available?

Midnight, Starlight, Sky Blue and Silver.

Can I show an iPhone next to it?

Yes, choose “Both”.

Is it free for commercial use?

Yes.

Is UI Generator free?

Yes. Every interface, device, angle and export size is free, and you don’t need an account. You can use the images in commercial projects.

Can I put my own screenshot on an iPhone or MacBook?

Yes. Click “Your screenshot”, drag an image onto the preview or paste it with Ctrl/Cmd+V. Your image is processed in your browser and is never uploaded.

More mockups