Runtime-safe .riv editor

Edit runtime, layout, inputs, bindings, and handoff config.

Use this workspace for developer-safe `.riv` changes. Use the full Rive app for vector shapes, keyframes, bones, constraints, and state machine authoring.

File

RIV Upload .riv file

The original file stays untouched. Changes are saved as config.

What this editor can change

Source selection

Choose artboard, timeline animation, and state machine for the active preview.

Preview layout

Adjust width, height, responsive mode, fit, alignment, and background.

Runtime inputs

Test booleans, numbers, and triggers from the selected state machine.

Data binding values

Edit runtime text, number, boolean, color, and enum properties when the web runtime exposes them.

Handoff config

Add safe config values, interaction presets, developer notes, and versioned exports.

Package output

Generate config JSON, code samples, screenshots, notes, and a zipped handoff package.

Use the full Rive app for source edits

Vector paths, keyframes, bones, constraints, hierarchy changes, and state machine authoring still belong in the Rive editor.

Versions

Save a version after loading a file.

Artboards

Load a file to inspect artboards.

Developer Notes

Live Rive Preview Drop .riv to start.

DEV Drop .riv file

Drag and drop or browse.

Supported: .riv

Loop Speed

Rive Source

Artboard Animation State Machine

Sizing & Layout

Preset

Width Height

Responsive Layout Fit Alignment Background Custom Color

State Machine Inputs

Editable Values

Runtime Data Binding

Safe Config Values

Assets

Replacement Asset

Asset replacement is saved in config/package when the Rive runtime exposes compatible image bindings.

Interactions

On hover On click On scroll

Input assistant

Load a state machine to explain available inputs.

Generated Implementation

Production handoff package

Upload a .riv file to generate implementation code.

Implementation checklist

Load a file to generate a checklist.