MacBook Pro mockup

MacBook Pro 14″ and 16″ in Space Black and Silver, with notch and menu bar.

Drop your screenshot here

Size

Format

Your image stays in your browser — nothing is uploaded.

Show your product on the laptop developers and designers actually use. The MacBook Pro mockup includes the display notch, thin bezels, keyboard with speaker grilles on both sides and a large trackpad.

Examples

CRM Table mockup on MacBook Pro 16-inch, right angleCRM Table on MacBook Pro 16-inch Mockup — Right AngleAI Chat mockup on MacBook Pro 14-inch, left angleAI Chat on MacBook Pro 14-inch Mockup — Left AngleAnalytics Dashboard mockup on MacBook Pro 16-inchAnalytics Dashboard on MacBook Pro 16-inch MockupCalendar App mockup on MacBook Pro 16-inch, isometric, dark modeCalendar App on MacBook Pro 16-inch Mockup — Isometric, 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 sizes are available?

14-inch and 16-inch, each in Space Black or Silver.

Is the notch shown?

Yes, the notch sits in the macOS menu bar like on a real MacBook Pro.

Can I remove the menu bar?

For your own screenshots the image fills the full display; generated screens include a menu bar for realism.

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