Skip to main content
LanguageSvenska
Jämförelser4 min läsningoktober 2026

Vad är skillnaden mellan Rive, Lottie och ExodeUI?

Kort svar

Lottie är ett JSON-animationsformat, vanligtvis exporterat från After Effects, som spelar en fast animation. Rive är ett designverktyg och körtid för interaktiv vektoranimering med tillståndsmaskiner. ExodeUI är ett designverktyg och körtider för interaktiv produkt-UI, med layout, tillstånd, fjäderfysik och logik i en öppen JSON-fil. Vi gör ExodeUI.

Core Takeaway

  • Lottie: ett uppspelningsformat och spelare; författande sker någon annanstans, ofta After Effects
  • Rive: sin egen redaktör, tillståndsmaskiner och körtider; stark för vektorillustration
  • ExodeUI: sin egen editor, tillståndsmaskiner, layout, fjädrar och körtider; riktad mot app-gränssnittet
  • Lottie är det mest stödda för enkel uppspelning
  • Välj om animeringen bara ska spelas upp eller måste svara på användaren

Det snabbaste sättet att skilja dem åt är att fråga vad var och en är. Lottie är ett filformat och en familj av spelare. Rive och ExodeUI är designverktyg som också tillhandahåller körtider.

Lottie-animationer är vanligtvis designade i After Effects och exporteras som JSON med Bodymovin-plugin, eller skapas i verktyg som exporterar Lottie. Spelare finns för webb, iOS, Android och många ramverk. Lottie är utmärkt för ikoner, illustrationer och laddare som helt enkelt spelar. Interaktivitet behöver extra kod, eller nyare tillägg som dotLottie:s tillståndsmaskiner.

Rive är en editor där du ritar vektorgrafik, animerar dem på tidslinjer och kopplar dem till en tillståndsmaskin. Dess körtider spelar .riv-filer i många miljöer, och din kod pratar med tillståndsmaskinen genom ingångar. Den är stark för karaktärer, illustrationer och spelliknande gränssnitt.

ExodeUI är också en redigerare med tillståndsmaskiner och körtider, men den är uppbyggd kring produktens användargränssnitt. Den lägger till layout, fjäderfysik och nodlogik och sparar allt som en öppen .exode JSON-fil. Runtime-paket täcker React, Vue, Svelte, Angular, Solid, React Native, SwiftUI och Flutter, och en MCP-server låter AI-kodningsverktyg redigera animationer.

I praktiken: använd Lottie när en animation bara behöver spelas, Rive för illustrativ interaktiv grafik och ExodeUI eller Rive för interaktiva UI-komponenter. Många produkter använder mer än en.

Vanliga frågor

Är Lottie interaktiv?

En standard Lottie-fil spelas bara upp. Du kan styra uppspelning från kod, och dotLottie lägger till tillståndsmaskiner, men författarinteraktion är lättare i Rive eller ExodeUI.

Vilket är lättast att börja med?

Lottie, om du redan använder After Effects eller laddar ner färdiga filer. Rive och ExodeUI kräver mer lärande men ger interaktiva resultat.

Kan jag använda dem tillsammans?

Ja. Många appar använder Lottie för illustrationer och ett tillståndsmaskinverktyg för interaktiva komponenter.

Vilket filformat är öppet?

Lottie- och ExodeUI-filer är JSON. Rive använder sitt eget binära .riv-format, med körtider med öppen källkod.

Relaterade guider och exempel

Se interaktivt användargränssnitt i en öppen fil

Öppna ExodeUI-exempel, tryck på dem och titta på ingångarna och tillstånden inuti.

Öppna exemplen
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →