ModollyStart creating

Laptop mockups.

Give your next website a proper introduction. Frame a dashboard, desktop app or landing page, and find the angle that brings it into focus.

Browse laptopsMade in your browser. With your own design.
Laptops with the Modolly PRISM wallpaper
LaptopsImages & animation

Explore laptops.

9 mockups

MacBook Pro M3 14-inch 3D mockupFree

MacBook Pro M3 14-inch

Use mockup

Apple · 14.2 in · 312.6 × 221.2 × 15.5 mm(closed)

MacBook Air 2018 3D mockupPro

MacBook Air 2018

Use mockup

Apple · 13.3 in · 304.1 × 212.4 × 15.6 mm(closed)

MacBook Air M1 3D mockupPro

MacBook Air M1

Use mockup

Apple · 13.3 in · 304.1 × 212.4 × 16.1 mm(closed)

MacBook Air M2 13-inch 3D mockupPro

MacBook Air M2 13-inch

Use mockup

Apple · 13.6 in · 304.1 × 215 × 11.3 mm(closed)

MacBook Air M2 15-inch 3D mockupPro

MacBook Air M2 15-inch

Use mockup

Apple · 15.3 in · 340.4 × 237.6 × 11.5 mm(closed)

MacBook Pro 16-inch (2019, Intel) 3D mockupPro

MacBook Pro 16-inch (2019, Intel)

Use mockup

Apple · 16 in · 357.9 × 245.9 × 16.2 mm(closed)

MacBook Pro M1 16-inch 3D mockupPro

MacBook Pro M1 16-inch

Use mockup

Apple · 16.2 in · 355.7 × 248.1 × 16.8 mm(closed)

MacBook Pro M3 16-inch 3D mockupPro

MacBook Pro M3 16-inch

Use mockup

Apple · 16.2 in · 355.7 × 248.1 × 16.8 mm(closed)

Surface Laptop 4 13.5-inch 3D mockupPro

Surface Laptop 4 13.5-inch

Use mockup

Microsoft · 308 × 223 × 14.5 mm · 2021

A device. Your design.
Something worth showing.

  1. Choose your starting point

    Find a device for your audience, or a ready-made composition for several screens. Check its Free or Pro label before starting.

  2. Make it yours

    Import an image or screen recording. Adjust the finish, camera and lighting, then add movement with the animation timeline.

  3. Take it with you

    Export a PNG or silent MP4. Your project and imported media stay in this browser; download a project backup to keep a separate copy.

See the editor walkthroughs

Before you create.

Are these finished templates or 3D devices?

This library shows the device models and compositions you can use as a starting point. Templates also include prepared scenes with camera settings and animation. Both become editable projects.

Explore templates
Can I use my own images and recordings?

Yes. Import PNG, JPG, WebP or MP4, then choose how it fits the screen. Your imported media stays on this device.

What does the Pro label mean?

That model requires a Pro subscription to create and edit a project. Free models are available on the Free plan. Export options also depend on your plan and browser support.

Compare plans
Can I switch the device later?

The editor keeps the device or composition you started with. Choose another model here to start a separate project, then reuse your local media.