MacBook mockup generator

MacBook Pro 14″, 16″ and MacBook Air 13″ with notch, keyboard and trackpad — straight or in 3D.

Drop your screenshot here

Size

Format

Your image stays in your browser — nothing is uploaded.

The MacBook is modeled in 3D with an opening lid, display notch, macOS menu bar, keyboard, speaker grilles and trackpad. Angle it from the left, right, above or let it float.

Use a generated web app or drop in your own screenshot — it fills the display below the menu bar.

Examples

Analytics Dashboard mockup on MacBook Pro 14-inch, left angle, transparentAnalytics Dashboard on MacBook Pro 14-inch Mockup — Left Angle, TransparentLanding Page mockup on MacBook Pro 14-inchLanding Page on MacBook Pro 14-inch MockupKanban Board mockup on MacBook Pro 14-inch, isometric, mesh gradientKanban Board on MacBook Pro 14-inch Mockup — Isometric, Mesh GradientMusic Player mockup on MacBook Pro 14-inch, floating 3D, dark modeMusic Player on MacBook Pro 14-inch Mockup — Floating 3D, Dark Mode

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 MacBook models are included?

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

Can I put my website screenshot on it?

Yes, click “Your screenshot” and select a desktop screenshot.

Does the screen keep a sharp look in 3D?

Yes, the screen is rendered at high resolution with anisotropic filtering for crisp text at an angle.

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