Mac App Store Pro plan

MacBook Pro 14-inch Mockup Generator

Make a MacBook Pro 14-inch mockup by dropping your app screenshot onto our MacBook Pro 14-inch frame: it is fitted to the 3022 × 1900 px screen area and clipped to the rounded corners. The frame comes with the Pro plan ($59/year), and you can export the result at 2880 × 1800 px or keep editing it later.

MacBook Pro 14-inch mockup example

A code editor set composed in the MacBook Pro 14-inch frame. Open it in the editor and drop your own screenshots onto the frames, or download the PNGs at 2880 × 1800.

9:41main.swiftShip faster, type less
9:41ChangesFix login crashAdd dark modeUpdate depsRefactor syncBump versionTestsFix login crashGit, built right in

This frame is part of the Pro plan ($59/year).

Frame specs

Frame image3944 × 2564 px
Screen area3022 × 1900 px at (461, 364)
Screen aspect ratio1511:950 (1.5905)
Screen corner radius20 px
Menu-bar variantYes, screen area 3022 × 1890 px
Store sizeMac screenshot size (2880 × 1800 px)
PlanPro ($59/year)

The editor uses these numbers to fit and clip your screenshot, the same geometry the Agent Skill composes with.

Make your own MacBook Pro 14-inch mockup

  1. Capture your app at 3022 × 1900 px, or any size with a similar shape.
  2. Open the example above (or a new project) and drop the capture onto the MacBook Pro 14-inch frame.
  3. Edit the headline, colours and position; the screenshot moves and rotates with the frame.
  4. Export at 2880 × 1800 for the Mac App Store.

Prefer a different device? Browse all device mockups.

Frequently asked questions

Is the MacBook Pro 14-inch mockup free?

It is part of the Pro plan ($59/year). Phone frames are free; tablet frames need Starter and Mac frames need Pro.

What screenshot size fits the MacBook Pro 14-inch frame best?

A 3022 × 1900 px capture (aspect 1.5905) fills the screen exactly. Other sizes are scaled to cover the screen, so a capture with a different shape is trimmed at the edges.

What size should I export MacBook Pro 14-inch screenshots at?

2880 × 1800 px fits this example. It is accepted in Apple’s Mac group; see that page for the other accepted sizes.

What is the menu-bar version of the MacBook Pro 14-inch frame?

A second frame with the macOS menu bar drawn above the screen area, so a window capture without a menu bar still looks like a real Mac desktop.

Last verified: