それらを区別する最も簡単な方法は、それぞれが何であるかを尋ねることです。 Lottie はファイル形式およびプレーヤーのファミリーです。 Rive および ExodeUI は、ランタイムも提供する設計ツールです。
Lottie アニメーションは通常、After Effects でデザインされ、Bodymovin プラグインを使用して JSON としてエクスポートされるか、Lottie をエクスポートするツールで作成されます。プレーヤーは、Web、iOS、Android、および多くのフレームワーク用に存在します。 Lottie は、単純に再生するアイコン、イラスト、ローダーに優れています。インタラクティブ性を実現するには、追加のコード、または dotLottie のステート マシンなどの新しい追加が必要です。
Rive は、ベクター グラフィックを描画し、タイムライン上でアニメーション化し、ステート マシンに接続するエディターです。そのランタイムは多くの環境で .riv ファイルを再生し、コードは入力を通じてステート マシンと通信します。キャラクターやイラスト、ゲーム的なインターフェースに強いです。
ExodeUI もステート マシンとランタイムを備えたエディターですが、製品 UI を中心に構築されています。レイアウト、スプリング物理学、ノード ロジックを追加し、すべてを 1 つの開いた .exode JSON ファイルとして保存します。ランタイム パッケージには React、Vue、Svelte、Angular、Solid、React Native、SwiftUI、Flutter が含まれており、MCP サーバーにより AI コーディング ツールでアニメーションを編集できます。
実際には、アニメーションの再生のみが必要な場合は Lottie を使用し、説明的なインタラクティブ グラフィックスには Rive を、インタラクティブ UI コンポーネントには ExodeUI または Rive を使用します。多くの製品は複数を使用しています。