前端代码游乐场,动效小样和实验的集中地
Rive
状态驱动的交互动画平台,做可交互角色和微动效
内容更新日期 · 2026-09-07
What is it · 它是什么
什么是 Rive
Rive 是状态驱动的交互动画平台:在浏览器里的编辑器做动画,再给动画加“状态机”逻辑,让它根据输入(悬停、点击、数据)实时切换状态。它做的是“会响应的动画”——可交互角色、按钮微动效、App 内动态界面,而不是播完就结束的视频式动画。
How to use · 怎么用
怎么用 Rive
- 先看官方 Examples 区,理解状态机怎么把动画串起来。
- 从模板起步,上手浏览器里的编辑器。
- 导出的文件极小,Web 端用它的 runtime 在 canvas 上渲染。
- 记住分工:播一段用 Lottie 就够,要随交互实时变就是 Rive 的场子。
Key features · 核心特点
Rive 的核心特点
- 状态机让动画对输入实时响应,是它的核心差异点
- 文件体积极小、GPU 渲染,放真产品里没负担
- 一份动画跨平台复用(Web/iOS/Android/Flutter/Unity 都有 runtime)
- 编辑器在浏览器里直接用,入门免费
