Compare Lottie Animations Side by Side
Load two Lottie JSON animations, play them in sync, and spot the differences.
Animation A
No animation loadedYour animation goes here
Drop a JSON file, or choose one below.
Lottie JSON · up to 20 MBAnimation B
No animation loadedYour animation goes here
Drop a JSON file, or choose one below.
Lottie JSON · up to 20 MB
How to compare Lottie animations
- 1
Load two animations
Add Lottie JSON by URL, paste, or file upload on either side.
- 2
Inspect both on one timeline
Play, pause, change speed, or scrub the timeline to view the same moment in both animations.
- 3
Share the comparison
Copy a link to the two publicly accessible Lottie URLs, so others can open the same comparison.
Frequently asked questions
Can I compare animations with different frame rates?
Yes. Both animations use the same real-time playhead, even when their FPS or durations differ.
Are my JSON files uploaded to your servers?
No. Pasted and uploaded JSON is processed in your browser. Loading a remote URL sends a request directly to its host.
Why can’t my Lottie URL be loaded?
The source may block cross-origin requests or be unavailable. Try downloading the JSON and uploading it locally.
More questions
Does Lottie Diff automatically detect differences?
No. Lottie Diff lets you visually inspect two animations on a synchronized timeline.
Can I share locally uploaded animations?
Not yet. A shareable comparison requires remotely accessible Lottie JSON URLs.
What happens if the animations have different durations?
Both animations start together. The shorter animation stays on its last frame while the longer animation continues.
Which files are supported?
Standard Lottie JSON up to 20 MB. .lottie archives and script expressions are not supported. Some external assets and AE effects may be unavailable.