Rive Preview & Inspector — Open, Preview & Inspect .riv Files in Your Browser

A free, in-browser Rive (.riv) viewer, previewer and runtime inspector. Drag any Rive file in to preview, inspect and debug it: read every View Model Instance (VMI) property — the data binding layer between your design and your code — browse artboards and state machines, fire triggers, toggle booleans, set numbers, strings, colors and enums, and watch transitions live. Nothing is uploaded unless you explicitly create a share link — previewing stays in your browser.

Features

• Drag-and-drop .riv loader (no upload, no account)
• Inspect all View Model Instance data-binding property types: boolean, number, string, color, enum, trigger, nested ViewModel, list
• Live state-machine event log with regex filter — debug a Rive state machine without the editor
• Pinned watch list for properties you care about
• Copy-to-clipboard code stubs for @rive-app/canvas, react-canvas, and react-native

What is a View Model Instance?

A View Model Instance (VMI) is Rive's runtime data-binding object. A View Model declares typed properties — boolean, number, string, color, enum, trigger, nested view model and list — and an instance holds the live values your state machine and animations bind to. This Rive inspector lists every VMI property in your .riv file and lets you read and mutate each one live, so you can verify your data binding without leaving the browser or opening the Rive editor.

Frequently asked questions

What is a .riv file?

A .riv file is the binary export format of the Rive animation editor. It contains artboards, animations, state machines, and ViewModel definitions, played back at runtime by the Rive runtime.

How do I open a .riv file?

Drag and drop the .riv file anywhere into the Rive Previewer page. Nothing is uploaded — the file is loaded into your browser via the Rive WebAssembly runtime.

Can I edit ViewModel properties at runtime?

Yes. Every ViewModel Instance property — boolean, number, string, color, enum, trigger, nested ViewModel and list — is exposed in the previewer and can be mutated live, with the canvas reacting in real time.

Is my .riv file uploaded anywhere?

Previewing is 100% client-side — files are loaded into memory in your browser by the Rive WebAssembly runtime and are never sent to a server. The only exception is the optional Share feature: when you explicitly create a share link, that .riv file is uploaded to rive.best storage so others can open your link. Nothing is ever uploaded without that explicit action.

What is a View Model Instance in Rive?

A View Model Instance (VMI) is Rive's runtime data-binding object. A View Model defines typed properties — boolean, number, string, color, enum, trigger, nested view model and list — and an instance holds the live values bound to your artboard and state machine. The previewer lists every VMI property and lets you read and change each one in real time.

How do I inspect Rive data binding?

Drop your .riv file into the previewer. It auto-binds the default View Model Instance and lists every data-binding property by type. Select a value to read it, change it to see the canvas update, and pin the ones you care about to a watch list to inspect your data binding as the animation runs.

How do I debug a Rive state machine?

Load the .riv, pick the artboard and state machine, then watch the tailing event log of StateChange, Play, Loop and custom Rive events with a regex filter. Fire triggers and toggle booleans to confirm transitions behave as designed — all client-side, with no Rive editor needed.

What's the difference between previewing a .riv in the editor and here?

The Rive editor previews the file as you design it. This viewer opens an exported .riv the way a runtime would — with auto-binding, live View Model Instance properties and a state machine event log — so you can verify the build a developer actually ships, without opening the editor.

Guides

Rive Inspector — inspect .riv files online
How to open a .riv file in your browser
Rive data binding & View Model Instances explained

Loading the previewer…