ModollyStart creating
Help center

How do I put a screen recording in a 3D mockup?

Import an MP4 through the Screen panel or drag it onto the canvas. The recording plays on the device display; animation clips control the surrounding 3D scene. Export the timeline as MP4 to keep both in the finished video.

Prepare and import the recording

Record only the app flow you want to show. Choose the device before importing, then use Fit or Crop to inspect the complete screen. Imported recordings stay in this browser rather than being uploaded as user media.

Preview both kinds of movement

Check screen playback, its start and loop settings alongside the scene timeline. A slow camera move is easier to follow when the interface is changing. Preview the start, middle and end before exporting.

Choose the output

PNG captures one frame. MP4 preserves movement, but the current export is silent. Add a soundtrack later in a video editor. Keep the tab visible during video export and check the downloaded file in a compatible player.

Watch the related editor walkthrough.

Related answers

Current plans and export options

Try it on your own screen

Choose a template