区分它们的最快方法是询问它们是什么。 Lottie 是一种文件格式和一个播放器系列。 Rive 和 ExodeUI 是还提供运行时的设计工具。
Lottie 动画通常在 After Effects 中设计并使用 Bodymovin 插件导出为 JSON,或者在导出 Lottie 的工具中创建。播放器适用于 Web、iOS、Android 和许多框架。 Lottie 非常适合简单播放的图标、插图和加载程序。交互性需要额外的代码或更新的添加,例如 dotLottie 的状态机。
Rive 是一个编辑器,您可以在其中绘制矢量图形、在时间轴上为它们设置动画并将它们与状态机连接。它的运行时在许多环境中播放 .riv 文件,并且您的代码通过输入与状态机对话。它对于角色、插图和类似游戏的界面非常强大。
ExodeUI 也是一个具有状态机和运行时的编辑器,但它是围绕产品 UI 构建的。它添加了布局、弹簧物理和节点逻辑,并将所有内容保存为一个打开的 .exode JSON 文件。运行时包涵盖React、Vue、Svelte、Angular、Solid、React Native、SwiftUI和Flutter,MCP服务器允许AI编码工具编辑动画。
实践中:当动画只需要播放时使用 Lottie,Rive 用于说明性交互式图形,ExodeUI 或 Rive 用于交互式 UI 组件。许多产品使用不止一种。