Free viewer
Lottie JSON Viewer
This Lottie JSON viewer plays any Lottie .json file in your browser and shows its size, frame rate, duration, layers and markers. Drop a file to preview it, scrub frame by frame, and change speed or background. The file is never uploaded.
Updated
Drop a Lottie .json file here
Your file stays in this browser tab.
File details
| Size | — |
|---|---|
| Frame rate | — |
| Duration | — |
| In / out frame | — |
| Layers | — |
| Image assets | — |
| Precomps | — |
| Markers | — |
| Lottie version | — |
| File size | — |
How to use the Lottie JSON Viewer
- 1
Open a file
Drop a Lottie .json file on the viewer, choose one from your computer, or load the sample.
- 2
Play and scrub
Play or pause, drag the frame slider, and change speed or looping.
- 3
Check it on different backgrounds
Switch between light, dark and checkerboard backgrounds to spot edges and transparency.
- 4
Read the details
The info table lists size, frame rate, duration, layer count, image assets, markers and the Lottie version.
Formats and limits
| Opens | Lottie .json files (Bodymovin export). dotLottie (.lottie) is not supported yet |
|---|---|
| Player | lottie-web, SVG renderer |
| Shows | Width and height, frame rate, duration, in and out frames, layers, image assets, markers, version |
| Controls | Play, pause, frame scrubber, speed 0.25×–2×, loop, background |
| Privacy | The file is read in your browser and never uploaded |
| Cost and sign-up | Free, no account |
Other tools that do this
We make ExodeUI, which publishes this tool. Here is how it compares, and when another tool is the better pick:
| Tool | Pick it for | What to know |
|---|---|---|
| Lottie JSON Viewer (this page) | Checking a Lottie JSON privately, without an account or upload | Free, no account, runs in your browser. |
| LottieFiles Preview | Previewing dotLottie files and saving them to a team workspace | Free online viewer for Lottie JSON and dotLottie up to 20 MB. You can save files to a LottieFiles workspace to edit and share them. |
Frequently asked questions
How do I open a Lottie JSON file?
Drop the .json file onto the viewer above or click Choose file. It plays straight away. You can also open Lottie files in code with the lottie-web library.
Is my Lottie file uploaded anywhere?
No. The viewer reads the file with your browser and plays it locally. Nothing is sent to a server.
Why does my Lottie animation look different from After Effects?
Lottie players support a subset of After Effects features. Some effects, expressions, blend modes and layer styles are missing or render differently. Test in the player your app uses.
How do I find a Lottie file's duration and frame rate?
Open it here and read the info table. Inside the JSON, fr is the frame rate, ip and op are the first and last frames, and duration is (op − ip) ÷ fr seconds.
Can I add interactivity to a Lottie animation?
Lottie itself plays a timeline. For states, inputs and events your code controls, use a tool built around state machines. You can compare options on our Lottie alternatives page.