A leggyorsabb módja annak, hogy szétválasszuk őket, ha megkérdezzük, mik azok. A Lottie egy fájlformátum és egy lejátszócsalád. A Rive és a ExodeUI tervezési eszközök, amelyek futási időt is biztosítanak.
A Lottie animációkat általában After Effects-ben tervezik, és JSON néven exportálják a Bodymovin beépülő modullal, vagy olyan eszközökkel hozzák létre, amelyek a Lottie-et exportálják. Lejátszók léteznek webre, iOS-re, Androidra és számos keretrendszerre. A Lottie kiválóan alkalmas olyan ikonokhoz, illusztrációkhoz és rakodógépekhez, amelyek egyszerűen játszanak. Az interaktivitáshoz extra kódra vagy újabb kiegészítésekre van szükség, mint például a dotLottie állapotgépei.
A Rive egy szerkesztő, ahol vektorgrafikákat rajzolhat, animálhat az idővonalakon, és összekapcsolhatja őket egy állapotgéppel. Futókörnyezete számos környezetben lejátssza a .riv fájlokat, a kód pedig a bemeneteken keresztül beszél az állapotgéppel. Erős karakterekhez, illusztrációkhoz és játékszerű felületekhez.
A ExodeUI egy szerkesztő állapotgépekkel és futtatókörnyezetekkel is, de a termék felhasználói felületére épül. Elrendezést, rugófizikát és csomóponti logikát ad hozzá, és mindent egyetlen nyitott .exode JSON fájlként ment el. A futásidejű csomagok lefedik a React, Vue, Svelte, Angular, Solid, React Native, SwiftUI és Flutter, a MCP szerver pedig lehetővé teszi az AI kódoló eszközök animációk szerkesztését.
A gyakorlatban: használja a Lottie-et, ha egy animációt csak le kell játszani, a Rive-et szemléltető interaktív grafikákhoz, és a ExodeUI-et vagy a Rive-et az interaktív felhasználói felület összetevőihez. Sok termék egynél többet használ.