Nopein tapa erottaa ne on kysyä, mitä kukin on. Lottie on tiedostomuoto ja pelaajaperhe. Rive ja ExodeUI ovat suunnittelutyökaluja, jotka tarjoavat myös käyttöaikoja.
Lottie-animaatiot suunnitellaan yleensä muodossa After Effects ja viedään muodossa JSON Bodymovin-laajennuksella tai luodaan työkaluilla, jotka vievät Lottie. Soittimia on webille, iOS:lle, Androidille ja monille kehyksille. Lottie sopii mainiosti kuvakkeille, kuville ja lataajille, jotka yksinkertaisesti pelaavat. Interaktiivisuus vaatii lisäkoodia tai uudempia lisäyksiä, kuten dotLottie:n tilakoneet.
Rive on editori, jossa voit piirtää vektorigrafiikkaa, animoida niitä aikajanalla ja yhdistää ne tilakoneeseen. Sen ajonajat toistavat .riv-tiedostoja monissa ympäristöissä, ja koodisi puhuu tilakoneelle tulojen kautta. Se on vahva hahmoille, kuvituksille ja pelimaisille käyttöliittymille.
ExodeUI on myös editori tilakoneilla ja ajonaikoilla, mutta se on rakennettu tuotteen käyttöliittymän ympärille. Se lisää asettelua, jousifysiikkaa ja solmulogiikkaa ja tallentaa kaiken yhdeksi avoimeksi .exode JSON -tiedostoksi. Ajonaikaiset paketit kattavat React, Vue, Svelte, Angular, Solid, React Native, SwiftUI ja Flutter, ja MCP-palvelin mahdollistaa AI-koodaustyökalujen animaatioiden muokkaamisen.
Käytännössä: käytä Lottie, kun animaatio tarvitsee vain toistaa, Rive havainnollistavaan interaktiiviseen grafiikkaan ja ExodeUI tai Rive interaktiivisiin käyttöliittymäkomponentteihin. Monet tuotteet käyttävät useampaa kuin yhtä.