Lottie to video: MP4, WebM, MOV or GIF from a .json or .lottie file

Upload a Lottie animation and RecordHTML plays it in Chrome, then records it as it plays. Size, frame rate and length come from the file, so the video opens on the first frame and ends after the last play. Keep the background transparent, or put a colour behind it.

.json and .lottie files
Size and frame rate from the file
Transparent or on a colour
Sharp at any size

From Lottie file to video file

Files: Lottie JSON exported with Bodymovin or any other exporter, or a .lottie bundle (versions 1 and 2) with its images, up to 25 MiB. Pick one animation from a bundle that holds several. Images in a plain .json must be embedded in it; a .lottie carries them.
Size: The animation's own width and height, rounded up to even. Change it freely: Lottie is vector, so a 512×512 file drawn at 1080×1080 stays sharp. Fit inside, Fill or Stretch decide what happens when the shape changes.
Frame rate: The video rate nearest the one the animation was made at, such as 24, 25, 30 or 60 fps. A GIF keeps the whole number rate you choose.
Plays: From 1 to 20. The player page calls trim_start() on the first frame and trim_end() when the last play finishes, so the video holds those plays exactly. Duration only caps how long it may run.
Background: None, for a transparent WebM, MOV or GIF, or a colour you pick. An MP4 with no colour gets white.
Player: The full build of lottie-web, with expressions, drawing SVG, served next to your file. The video shows what that player draws.

A Lottie badge, transparent at 1080×1080

The source is a 512×512 Lottie file of 3 seconds. Recorded at 1080×1080 with two plays and no background, it stays sharp and plays here over a checkerboard, halo and shadow included.

Lottie badge, 1080×1080

1080×1080 · 30 fps · VP9 with alpha · 6 s · 180 frames · 1.7 MB

Recorded from a 512×512 Lottie file, played twice and drawn at 1080×1080. Download the Lottie file · Download the file

Measured: one Lottie badge, five outputs

Our 512×512 badge, 3 seconds at 30 fps, played twice and recorded on November 7, 2026.

Measured: one Lottie badge, five outputs
Output	Frames	File size
WebM with alpha, 512×512	179	733 KB
WebM with alpha, drawn at 1080×1080	180	1.7 MB
GIF with transparency, 15 fps	90	524 KB
MP4 on white, 512×512	179	229 KB
ProRes 4444 MOV, 512×512	179	26.9 MB

Two plays of 3 seconds come to 179 or 180 frames: the video ends on the frame where the last play finishes. Drawn at 1080×1080, with 4.4 times the pixels, the WebM took 2.3 times the bytes.

Played, not exported

An export plugin renders the composition offline with its own engine. RecordHTML plays your file in lottie-web, the player most websites use, so the video shows what visitors see: the same easing, masks and expressions. It runs in real time: a 3 second animation records in about 3 seconds, plus loading and encoding.

Choose what plays, and how often

After the upload a preview plays the file beside the recording settings. Pick the animation in a bundle, the number of plays, a background colour and the fit. Every choice is a part of the player page's address, which is what gets recorded, so Edit & re-run restores them all.

Badges, stickers and overlays

Many Lottie files have no background at all. Tick Transparent background and choose WebM for the web, ProRes 4444 MOV for an editor, or GIF for chat and email. Transparent video explains how the alpha is captured and what each format keeps.

How it works

Step 1
Upload the .json or .lottie file. Size, frame rate and length are set from it.
Step 2
Choose the plays, the background, the format and, if you want it bigger, the size.
Step 3
Record, preview and download: the video starts on frame one and stops after the last play.

Frequently asked questions

Which Lottie files work?: Lottie JSON from Bodymovin and other exporters, and .lottie bundles. Shapes, masks, mattes, expressions and embedded images play as they do in lottie-web; anything that player can't draw is missing from the video too.
Can I make a transparent Lottie video?: Yes. Leave the background at None, tick Transparent background, and choose WebM, MOV or GIF. MP4 can't store transparency.
Can I render it larger than the file?: Yes. Lottie is vector, so any even size within your plan is drawn sharp at that size rather than enlarged from pixels.
How do I loop it three times?: Set Times to play to 3. Up to 20 plays fit in one recording, within its length limit.
How long can a recording be?: Recordings can be up to 60 seconds long, and all the plays have to fit inside that.
Is my file public?: The uploaded file and its player page can be opened by anyone with their address, like any upload. Only upload animations you are allowed to share.
Can I record it from the API?: Upload it here once, then send the player page's address to the API as the creative URL. Its options travel in that address.

Transparent videoWebM and ProRes 4444 with an alpha channel.Rive to videoRecord .riv files the same way.GIF settings explainedFrame rates, loops and palette for a GIF.

Convert a Lottie file

10 credits free every month · No card needed