Live Mockups · Export · 2 min read

Export an MP4 video

Pick a canvas shape, then export your Live Mockups scene as an MP4 video you can post or send.

By Ruslan Latypov · Updated Nov 7, 2026

To export an MP4 video in ls.graphics Live Mockups, choose a shape in Composition, click Export, keep MP4 selected, pick 30 fps or 60 fps and click Export Video. Your browser then downloads a video named after the scene.

Result: iPhone 16 Pro.mp4, 1212 × 2160 pixels, 60 fps, 6.33 seconds, about 20 MB (in our test, 9:16).

Choose a canvas shape

Click the ratio button at the top right of the canvas. It reads 4:3 here. In the Composition menu, choose 9:16 for a vertical video. The video uses this frame.

The Composition menu with 1:1, 16:9, 4:3, 3:4 and 9:16 presets, 4:3 selected, above the canvas — Pick a preset in the Composition menu.

The canvas now shows a tall 9:16 frame around the phone, and the ratio button reads 9:16 — The canvas now shows the 9:16 frame.

Not sure the design fits? Put your design on the screen first, then come back.

Open Export

Click Export, the black button at the top right of the editor. The Export window opens over the scene.

The Export window open over the dimmed editor with a tall 9:16 canvas behind it — The Export button opens the Export window.

Choose MP4 and a frame rate

At the top of the window, choose MP4. Below it, 30 fps and 60 fps are the frame rates; 60 fps was selected when we opened the window. The window also lists Cloud Rendering and Extend to video length, both off in our test.

The Export window with MP4 and 60 fps selected, two unticked options and the Export Video button — MP4 and 60 fps are selected, with Export Video at the bottom.

Click Export Video

Click Export Video. An Export video box appears with a progress bar and asks you to keep the tab open, because the process may take a few minutes.

Open your video

When the export finishes, your browser saves a file named after the scene, here iPhone 16 Pro.mp4. In our test, this 9:16 export took about 13 seconds and produced a 1212 × 2160 video at 60 fps, 6.33 seconds long and about 20 MB. The last frame had no watermark label.

Questions

How do I export a vertical video from Live Mockups?

In Live Mockups, click the ratio button above the canvas and choose 9:16 before you click Export. The video follows the canvas frame. In our test, a 9:16 export came out 1212 × 2160 pixels.

How long does an MP4 export take in Live Mockups?

The Export video box shows a progress bar and asks you to keep the tab open. In our test, a 6.3-second scene at 60 fps finished in about 13 seconds. Your time will differ with the scene.

How big is an MP4 exported from Live Mockups?

In our test, a 9:16 scene exported at 60 fps was a 1212 × 2160 MP4 of about 20 MB. The size depends on the canvas shape and the scene, so your file will differ.

How long is the exported video?

It follows the scene’s own timeline. The scene in our test showed 6.3 s under the timeline, and the exported MP4 ran 6.33 seconds, which is 381 frames at 60 fps.

Does an MP4 from Live Mockups carry a watermark?

In our test, on a Pro account, the last frame of the exported MP4 showed no Made with ls.graphics label. We did not test other plans, so check your own export.

Can I export a WebM instead of an MP4?

Yes. The Export window in Live Mockups has a WebM tab next to MP4. Choose WebM when you need a see-through background, because Live Mockups exports transparency in WebM only.