Nejrychlejší způsob, jak je oddělit, je zeptat se, co každý z nich je. Lottie je souborový formát a rodina přehrávačů. Rive a ExodeUI jsou návrhářské nástroje, které také poskytují běhové prostředí.
Animace Lottie jsou obvykle navrženy v After Effects a exportovány jako JSON pomocí pluginu Bodymovin nebo vytvořeny v nástrojích, které exportují Lottie. Přehrávače existují pro web, iOS, Android a mnoho frameworků. Lottie je vynikající pro ikony, ilustrace a nakladače, které jednoduše hrají. Interaktivita vyžaduje další kód nebo novější doplňky, jako jsou stavové automaty dotLottie.
Rive je editor, ve kterém kreslíte vektorovou grafiku, animujete ji na časových osách a spojujete ji se stavovým automatem. Jeho běhové prostředí přehrává soubory .riv v mnoha prostředích a váš kód komunikuje se stavovým automatem prostřednictvím vstupů. Je silný pro postavy, ilustrace a herní rozhraní.
ExodeUI je také editor se stavovými automaty a běhovými moduly, ale je postaven na uživatelském rozhraní produktu. Přidává rozložení, fyziku pružin a logiku uzlů a vše uloží jako jeden otevřený soubor .exode JSON. Runtime balíčky pokrývají React, Vue, Svelte, Angular, Solid, React Native, SwiftUI a Flutter a server MCP umožňuje nástrojem pro kódování AI upravovat animace.
V praxi: použijte Lottie, když se animace potřebuje pouze přehrát, Rive pro ilustrativní interaktivní grafiku a ExodeUI nebo Rive pro interaktivní komponenty uživatelského rozhraní. Mnoho produktů používá více než jeden.