Rive to video: record .riv artboards, timelines and state machines

Upload a .riv file and RecordHTML plays it with Rive's official web runtime in Chrome, then records it. Pick the artboard, then a timeline or a state machine. The size comes from the artboard, and a timeline stops after the number of plays you choose.

Artboards and timelines
State machines
Data binding
Transparent or on a colour

What you choose for a Rive file

Artboard: Any artboard in the file, the default one first. The video takes its width and height, rounded up to even; change them freely and choose Fit inside, Fill or Stretch.
Timeline: A timeline animation, with its length read from the file and its work area applied. Play it 1 to 20 times: the video ends after the last play, and a one shot timeline starts again for each play.
State machine: Runs from its entry state for the Duration you set, or until the file fires a Rive event named trim_end. A file that has state machines opens on its first.
Data binding: A file with view models is bound to its default instance, so bound text, colours and numbers show their values.
Background: None, so an artboard without a fill comes out transparent in WebM, MOV or GIF; or a colour you pick.
Runtime: Rive's canvas runtime for the web, with its WebAssembly served next to your file, as on any site that embeds Rive.

A Rive timeline as MP4

Rive's off road car example, from its runtime's test files under the MIT licence: the bouncing timeline, played twice and recorded at the artboard's own 1000×1000.

Rive timeline, 1000×1000

1000×1000 · 30 fps · H.264 · 6 s · 181 frames · 943 KB

Recorded from the off_road_car.riv example from Rive’s runtime tests, its bouncing timeline played twice. Download the Rive file · MIT licence · Download the file

Measured: one timeline, two video formats

The bouncing timeline of off_road_car.riv, a 3 second loop played twice at 1000×1000 and 30 fps, recorded on November 7, 2026.

Measured: one timeline, two video formats
Output	Frames	File size
MP4 (H.264), CRF 18	181	943 KB
WebM (VP9), CRF 18	181	1.0 MB

Two plays of 3 seconds made 181 frames: the recording stops on the frame where the second play ends. This artboard paints its own sky, so a transparent version would keep the sky.

Timelines stop where they end

A timeline knows its own length, so the player page calls trim_start() on its first frame and trim_end() after the last play. There is nothing to time by hand, and a one shot timeline is restarted cleanly for every play.

State machines and interactive files

A state machine runs from its entry state with no pointer to react to. Record it for a set Duration, or fire a Rive event named trim_end where the sequence finishes and the video stops there. States that wait for a click or hover stay put, so give the file an idle path that plays by itself.

One artboard, every channel

Record the artboard at 1080×1920 for a story, 1920×1080 for a deck, or transparent for an editor. The choices live in the player page's address, so the next format starts from the last one with Edit & re-run. For a looping image, choose GIF.

How it works

Step 1
Upload the .riv file. The preview lists its artboards, timelines and state machines.
Step 2
Pick what plays and how many times, then the background, the format and the size.
Step 3
Record, preview and download, or rerun it at once in another size or format.

Frequently asked questions

Do I need to change my Rive file?: No. Timelines and state machines play as they do on the web. Only to end a state machine early do you add a Rive event named trim_end.
Can a state machine be recorded?: Yes, from its entry state, for the Duration you set. Nothing clicks or moves a pointer, so states that wait for input stay where they are.
Will text and bound values show?: Yes. Text runs draw with the fonts in the file, and a file with view models is bound to its default instance.
Can the video be transparent?: Yes, where the artboard has no background fill: tick Transparent background and choose WebM, MOV or GIF. An artboard that paints its own background keeps it.
How long can a recording be?: Recordings can be up to 60 seconds long, whether it holds a timeline's plays or a state machine's Duration.
Which Rive files work?: Files exported from the Rive editor for the web runtime, up to 25 MiB. Anything the web runtime can't draw is missing from the video as well.

Transparent videoHow the alpha is captured, format by format.Lottie to videoThe same recorder for .json and .lottie files.Record player pages from codeSend an uploaded player page's address.

Convert a Rive file

10 credits free every month · No card needed