Rive

Interactive vector animation

PaidAnimation & motionrive.app

What it is

Design tool plus lightweight runtime for interactive vector animation — the Lottie alternative. You build a state machine so the animation responds to inputs, export a tiny .riv file, and drive it from code.

Why it earns a slot

Only worth it if you have three or more animations to amortize the WASM and a designer to own the files. An unowned .riv is an opaque binary nobody can edit.

Know before you commit

Publishing moved behind a paywall in Oct 2025 — the free tier cannot export a .riv for production. And the runtime is 88 kB JS plus a 725 kB gzipped WASM binary (304 kB on canvas-lite), fetched from unpkg by default — self-host it and call RuntimeLoader.setWasmUrl().

Getting started

npm install @rive-app/react-canvas

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Runtimes free MIT · publishing $9/seat/mo

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Rive (https://rive.app/docs/) for this project, then use it only if it fits what we are already building.
Context: Interactive vector animation. Design tool plus lightweight runtime for interactive vector animation — the Lottie alternative. You build a state machine so the animation responds to inputs, export a tiny .riv file, and drive it from code.
Reviewer notes (general, not written for this codebase): Only worth it if you have three or more animations to amortize the WASM and a designer to own the files. An unowned .riv is an opaque binary nobody can edit.
Watch out for: Publishing moved behind a paywall in Oct 2025 — the free tier cannot export a .riv for production. And the runtime is 88 kB JS plus a 725 kB gzipped WASM binary (304 kB on canvas-lite), fetched from unpkg by default — self-host it and call RuntimeLoader.setWasmUrl().
Pricing: Runtimes free MIT · publishing $9/seat/mo
Setup: npm install @rive-app/react-canvas
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/rive