Bunları ayırmanın en hızlı yolu her birinin ne olduğunu sormaktır. Lottie bir dosya formatı ve bir oynatıcı ailesidir. Rive ve ExodeUI aynı zamanda çalışma süreleri de sağlayan tasarım araçlarıdır.
Lottie animasyonları genellikle After Effects'te tasarlanır ve Bodymovin eklentisi ile JSON olarak dışa aktarılır veya Lottie'i dışa aktaran araçlarda oluşturulur. Web, iOS, Android ve birçok çerçeve için oynatıcılar mevcuttur. Lottie, basitçe oynatılan simgeler, resimler ve yükleyiciler için mükemmeldir. Etkileşim, ekstra koda veya dotLottie'in durum makineleri gibi daha yeni eklemelere ihtiyaç duyar.
Rive, vektör grafikleri çizdiğiniz, bunları zaman çizelgelerinde canlandırdığınız ve bunları bir durum makinesine bağladığınız bir düzenleyicidir. Çalışma zamanları birçok ortamda .riv dosyalarını oynatır ve kodunuz, girişler aracılığıyla durum makinesiyle konuşur. Karakterler, çizimler ve oyun benzeri arayüzler açısından güçlüdür.
ExodeUI aynı zamanda durum makinelerine ve çalışma zamanlarına sahip bir düzenleyicidir ancak ürün kullanıcı arayüzü etrafında oluşturulmuştur. Düzeni, yay fiziğini ve düğüm mantığını ekler ve her şeyi tek bir açık .exode JSON dosyası olarak kaydeder. Çalışma zamanı paketleri React, Vue, Svelte, Angular, Solid, React Native, SwiftUI ve Flutter'i kapsar ve bir MCP sunucusu, yapay zeka kodlama araçlarının animasyonları düzenlemesine olanak tanır.
Uygulamada: Bir animasyonun yalnızca oynatılması gerektiğinde Lottie'i, açıklayıcı etkileşimli grafikler için Rive'i ve etkileşimli kullanıcı arayüzü bileşenleri için ExodeUI veya Rive'i kullanın. Birçok üründe birden fazla kullanılır.