ModollyStart creating

3D mockup images
and videos. Made simple.

Create 3D mockup images and videos with your own app and website designs. All in your browser.

Start with a free template. No installation needed.
The Modolly editor with PRISM wallpaper, the Animation panel selected and a keyframe timeline
Your screen. Your scene. Your next launch.Explore the editor

More than a screenshot.

Find an angle that brings your work to life. A close-up, a slow reveal, a whole new perspective.

A little movement. A big difference.

A six-second iPhone turn with the PRISM default wallpaper. Silent demo.

Close view of a silver iPhone with the Modolly PRISM screen design

Every detail, in the frame.

Adjust the finish and camera to find your angle.

Your first mockup.
Three simple steps.

Start with a template, then make it yours. The controls stay familiar, even when the results look anything but.

View the quick start guide

Add your screen

Bring a screenshot or recording into your mockup.

Read guide

Short visual walkthroughs of the Modolly editor. No sound; captions included.

Make room for your ideas.

From the app you’re launching to the website you’ve just finished. Put your work on the right screen.

A simple editor.
Room for every detail.

From the first angle to the final frame. Explore the tools available in Modolly today.

See the tools in action

3D animation. Your way.

Start with a motion preset. Shape it with camera moves, timing and keyframes. Eight-second silent demo.

Your design stays yours.

Projects and imported media stay in this browser. Account access and platform models use online services.

Save a separate backup
Orange iPhone finish with the PRISM wallpaper

Device finishes

Choose a color. Dial in the screen brightness.

Every detail. Up to 8K.

Pro exports PNG up to 7,680 px and 8K MP4 on compatible devices. Transparent PNG included.

Explore export options
A close camera angle on a PRISM-screen iPhone

A different perspective.

Control the angle, zoom and field of view.

An open MacBook displaying the PRISM wallpaper

Make an entrance.

Adjust and animate the lid on supported laptops.

Every orientation.

Rotate your device and choose the canvas ratio for your next presentation.

A PRISM-screen iPhone casting a soft shadow on a neutral surface

Light. Shadow. Depth.

Adjust shadows, reflections and the lighting environment.

More possibilities, on the drawing board.

These features are planned and aren’t available yet. Scope and release dates are still to be confirmed.

Planned

Clay materials

A stripped-back finish that puts the interface first.

Planned

App Store layouts

Compose a consistent set of store screenshots.

Planned

Audio

Bring sound into your exported animations.

Planned

Figma plugin

A shorter path from your frame to a mockup.

Planned

Presentation mode

A dedicated way to present your work live.

Planned

iPhone mirroring

Bring a live phone screen into the scene.

Planned

3D labels

Place text and callouts inside your scene.

Spend more time designing.
Less time presenting it.

You already have the design. Give it a setting without building a scene from scratch.

The right device, already here.

Phones, tablets, laptops and device compositions. Choose a starting scene, drop in your screen, and get to the part that’s yours.

Find your starting point
iPhone with PRISM wallpaperMacBook with PRISM wallpaperiPad with PRISM wallpaper

No modeling course required.

Drag to find an angle. Import a screenshot or recording. Use a motion preset when the scene needs to move.

Watch the three steps

Start with a free scene.

Try the workflow with Free templates and exports. Choose Pro when you need more devices or higher-resolution output.

Compare plans

A starting point.
Never the same result.

Your screen, device finish, camera and motion make the scene your own. Keep refining until it feels like your work.

Explore the controls
Close-up of a silver iPhone and its PRISM screen design

Meet your next
great presentation.

You’ve done the hard part. Give your design the setting it deserves.

Start creating
  • Free templates to get started
  • No 3D modeling experience needed
  • Images and video, in your browser
A MacBook ready for a new screen design

A little help, if you need it.

Where are my projects and media saved?

Projects, imported pictures, recordings and thumbnails stay in this browser on this device. They are not uploaded or automatically synced. Your account, subscription and the platform model catalog are online. Models still need an internet connection to load.

How do I back up a project or move it to another browser?

Use Export project backup in the editor or Export project file in the Projects menu. Keep the .modolly file somewhere safe. In Projects, choose Import project file to restore it as a new project. Back up before clearing browser data or changing websites, browsers or computers. Logging in on another device does not transfer local projects.

Why is video export unavailable or slow?

MP4 is rendered frame by frame on your device. Your browser needs WebCodecs and an H.264 or H.265 encoder that supports the selected size. Keep the tab visible and close other graphics-heavy tabs. Use the lower-resolution option if a check or export fails. PNG remains an alternative. An HEVC export needs a compatible video player; smaller H.264 exports have broader playback support.

What happens if I cancel Pro?

Your local projects, media and backups remain on your device. Pro models require an active membership to load and edit. Free models remain available. You can manage renewal and view the current subscription status in Account and billing.

Visit the help center