A gallery of real app UI motion — 2000+ screen recordings across 487 apps, filterable by gesture and interaction pattern
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
Compose animations by stacking words - fade, up, slide - no keyframes, 3KB core
A front-end playground — a dense hub of motion snippets and experiments