A front-end playground — a dense hub of motion snippets and experiments
A state-driven interactive animation platform for characters and micro-interactions
Content updated · 2026-09-07
What is it · 它是什么
What is Rive?
Rive is a platform for state-driven interactive animation: you design in a browser-based editor and add state-machine logic, so animations react in real time to inputs — hovers, clicks, data. It makes responsive animation: interactive characters, button micro-interactions, live in-app interfaces — not video-style motion that just plays and ends.
How to use · 怎么用
How to use Rive
- Start in the official Examples section to see how state machines chain animations together.
- Pick a template to learn the browser-based editor.
- Exported files are tiny; on the web the runtime renders them on canvas.
- Remember the division of labor: to play a clip, Lottie is enough; to react to interaction in real time, that's Rive.
Key features · 核心特点
Key features of Rive
- State machines make animation respond to input in real time — its core differentiator
- Tiny file sizes with GPU rendering, practical to ship in real products
- One animation across platforms — runtimes for web, iOS, Android, Flutter, and Unity
- The editor runs in the browser, free to get started
Related sites
A long-standing source of creative web interaction tutorials with high-quality demos
A visual cheatsheet of easing functions — a base tool for tuning motion feel (Chinese available)