Skip to main content
LanguageEnglish
Comparisons4 min readOctober 2026

What is the difference between Rive, Lottie, and ExodeUI?

Short answer

Lottie is a JSON animation format, usually exported from After Effects, that plays a fixed animation. Rive is a design tool and runtime for interactive vector animation with state machines. ExodeUI is a design tool and runtimes for interactive product UI, with layout, states, spring physics and logic in one open JSON file. We make ExodeUI.

Core Takeaway

  • Lottie: a playback format and players; authoring happens elsewhere, often After Effects
  • Rive: its own editor, state machines and runtimes; strong for vector illustration
  • ExodeUI: its own editor, state machines, layout, springs and runtimes; aimed at app UI
  • Lottie is the most widely supported for simple playback
  • Choose by whether the animation only plays or must respond to the user

The quickest way to separate them is to ask what each one is. Lottie is a file format and a family of players. Rive and ExodeUI are design tools that also provide runtimes.

Lottie animations are usually designed in After Effects and exported as JSON with the Bodymovin plugin, or created in tools that export Lottie. Players exist for web, iOS, Android and many frameworks. Lottie is excellent for icons, illustrations and loaders that simply play. Interactivity needs extra code, or newer additions such as dotLottie's state machines.

Rive is an editor where you draw vector graphics, animate them on timelines and connect them with a state machine. Its runtimes play .riv files in many environments, and your code talks to the state machine through inputs. It is strong for characters, illustrations and game-like interfaces.

ExodeUI is also an editor with state machines and runtimes, but it is built around product UI. It adds layout, spring physics and node logic, and saves everything as one open .exode JSON file. Runtime packages cover React, Vue, Svelte, Angular, Solid, React Native, SwiftUI and Flutter, and an MCP server lets AI coding tools edit animations.

In practice: use Lottie when an animation only needs to play, Rive for illustrative interactive graphics, and ExodeUI or Rive for interactive UI components. Many products use more than one.

Frequently asked questions

Is Lottie interactive?

A standard Lottie file only plays. You can control playback from code, and dotLottie adds state machines, but authoring interaction is easier in Rive or ExodeUI.

Which is easiest to start with?

Lottie, if you already use After Effects or download ready-made files. Rive and ExodeUI take more learning but give interactive results.

Can I use them together?

Yes. Many apps use Lottie for illustrations and a state-machine tool for interactive components.

Which file format is open?

Lottie and ExodeUI files are JSON. Rive uses its own binary .riv format, with open source runtimes.

Related Guides & Examples

See interactive UI in an open file

Open ExodeUI examples, press them, and look at the inputs and states inside.

Open the examples
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 →