Lottie Preview Online
Preview Bodymovin / Lottie JSON animations in your browser. Supports .json and .lottie files — play, loop, and adjust speed locally.
Preview
Upload or paste a Lottie JSON file to preview
All processing happens in your browser — your files never leave your device.
How to use
Check motion graphics before shipping them to your app or website.
- Drop a .json or .lottie file, paste JSON, or load from a public URL.
- Use play, loop, speed, and background controls below the canvas.
- Copy the JSON to reuse in code or design tools.
Frequently Asked Questions
What is Lottie?
Lottie plays vector animations exported as JSON (often from After Effects via Bodymovin/LottieFiles). This tool renders them with the same engine many apps use.
Which files are supported?
Standard .json Lottie files and .lottie archives (we extract the embedded animation JSON). Max 5 MB per file.
Can I control playback?
Yes — play/pause, loop toggle, speed from 0.25x to 3x, and restart. Switch preview background to check contrast.
Is my animation uploaded?
No. Parsing and rendering run entirely in your browser.