ModollyStart creating
All device mockups

MacBook Pro M3 14-inch 3D mockup

Give a website or dashboard room to breathe on a MacBook Pro. Use a focused landscape capture rather than shrinking a full scrolling webpage onto the display.

Free device · 14.2 in · 312.6 × 221.2 × 15.5 mm(closed)

Create with this device
MacBook Pro M3 14-inch 3D mockup preview
The published device preview. Import your own screen after creating the project.

How to make your mockup

  1. Open this device in Templates and create a project. The selected device stays with the project.
  2. Import a PNG, JPG, WebP or MP4 in the Screen panel. Use Fit or Crop to control the screen content.
  3. Set the angle, finish and background. Export a PNG, or add animation and export a silent MP4.

Prepare the screen

Keep the screen close to the viewer for small dashboard labels. When using a lid reveal, leave enough time after the opening for someone to read the product screen.

The catalog screen reference is 3024 × 1964 pixels. This describes screen content proportions, not the final export size.

Compare Fit, Crop and Stretch.

Access, export and saving

This device is available on Free. Export options depend on your plan and browser. Compare current plans before choosing an output.

Your project and imported media stay in this browser. Platform models load online. Download a project backup before clearing site data or switching computers.

Make the most of the scene

Read the device family guide · Create smoother animation · Export a transparent PNG