Najszybszym sposobem na ich rozdzielenie jest zapytanie, czym każdy z nich jest. Lottie to format pliku i rodzina odtwarzaczy. Rive i ExodeUI to narzędzia projektowe, które zapewniają również czasy wykonania.
Animacje Lottie są zwykle projektowane w After Effects i eksportowane jako JSON z wtyczką Bodymovin lub tworzone w narzędziach eksportujących Lottie. Odtwarzacze istnieją dla Internetu, iOS, Androida i wielu frameworków. Lottie doskonale nadaje się do ikon, ilustracji i programów ładujących, które po prostu grają. Interaktywność wymaga dodatkowego kodu lub nowszych dodatków, takich jak maszyny stanu dotLottie.
Rive to edytor, w którym rysujesz grafikę wektorową, animujesz ją na osi czasu i łączysz z maszyną stanów. Jego środowiska wykonawcze odtwarzają pliki .riv w wielu środowiskach, a Twój kod komunikuje się z maszyną stanu poprzez dane wejściowe. Jest mocny w przypadku postaci, ilustracji i interfejsów przypominających gry.
ExodeUI jest także edytorem z maszynami stanów i środowiskami wykonawczymi, ale opiera się na interfejsie użytkownika produktu. Dodaje układ, fizykę sprężyn i logikę węzłów i zapisuje wszystko jako jeden otwarty plik .exode JSON. Pakiety wykonawcze obejmują React, Vue, Svelte, Angular, Solid, React Native, SwiftUI i Flutter, a serwer MCP umożliwia narzędziom do kodowania AI edytowanie animacji.
W praktyce: używaj Lottie, gdy wystarczy odtworzyć animację, Rive do ilustracyjnej grafiki interaktywnej oraz ExodeUI lub Rive do interaktywnych komponentów interfejsu użytkownika. Wiele produktów wykorzystuje więcej niż jeden.