Skip to main content
Language简体中文
比较4 分钟阅读2026 年 10 月

Rive、Lottie 和 ExodeUI 有什么区别?

简短回答

Lottie是JSON动画格式,通常从After Effects导出,播放固定动画。 Rive 是带有状态机的交互式矢量动画的设计工具和运行时。 ExodeUI 是一种用于交互式产品 UI 的设计工具和运行时,在一个打开的 JSON 文件中包含布局、状态、弹簧物理和逻辑。我们生产ExodeUI。

核心要点

  • Lottie:播放格式和播放器;创作发生在其他地方,通常是 After Effects
  • Rive:它自己的编辑器、状态机和运行时;强矢量插图
  • ExodeUI:它自己的编辑器、状态机、布局、弹簧和运行时;针对应用程序 UI
  • Lottie是最广泛支持的简单播放
  • 选择动画是仅播放还是必须响应用户

区分它们的最快方法是询问它们是什么。 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 组件。许多产品使用不止一种。

常见问题

Lottie 是交互式的吗?

仅播放标准 Lottie 文件。您可以通过代码控制播放,dotLottie 添加了状态机,但在 Rive 或 ExodeUI 中创作交互更容易。

从哪一个开始最容易?

Lottie,如果您已经使用After Effects或下载现成的文件。 Rive 和 ExodeUI 需要更多学习,但提供交互式结果。

我可以一起使用它们吗?

是的。许多应用程序使用 Lottie 进行插图,并使用状态机工具进行交互组件。

打开哪种文件格式?

Lottie 和 ExodeUI 文件是 JSON。 Rive 使用自己的二进制 .riv 格式,具有开源运行时。

相关指南和示例

查看打开文件中的交互式 UI

打开 ExodeUI 示例,按下它们,然后查看里面的输入和状态。

打开示例
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →