Import Lottie to ExodeUI.
Drop a Lottie JSON file and it plays here as native layers and keyframes. Download it, or open it in the editor and make it interactive.
Drop a Lottie .json
- 1DropYour Lottie .json
- 2PlaySee it run as Exode
- 3ShipDownload or open in the editor
What comes across
- Shapes
- Gradients
- Masks
- Mattes
- Trim paths
- Precomps
- Time remap
- Easing
Not yet
- Expressions
- Text animators
- Nested mattes
- Skew
- 3D layers
125 of 153 lottie-ios sample files land within 2% of the pixels from lottie-web.
How to import from Lottie
How do I convert a Lottie file to ExodeUI?
Drop the Lottie .json on this page. It converts in your browser and plays straight away. Download the .exode file, or open it in ExodeUI.
How do I make a Lottie animation interactive?
Import the Lottie JSON here and open it in ExodeUI. Then add states, inputs and physics to its layers in the editor.
Can I edit a Lottie JSON file?
Yes. After import, its layers and keyframes are native objects you can change in the editor.
Can I use a converted Lottie file in React?
Yes. Play the .exode file with the exodeui npm package. There are also runtime packages for Vue, Svelte, Angular, Solid, React Native, SwiftUI and Flutter.
Does the converted animation stay editable?
Yes. Layers become native objects and keyframes. In the editor you can change them and add states, inputs and physics.
Which Lottie features are not imported?
Expressions, text animators, nested mattes, skew and 3D layers are not converted. The result panel lists what it could not import for your file.
Is my Lottie file uploaded?
No. The conversion runs in your browser and the file stays on your device. Only a usage count is recorded.
Can I play a .lottie file?
Not yet. This page reads Lottie JSON, so export or unzip the JSON first.