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.

  1. Drop a .json or .lottie file, paste JSON, or load from a public URL.
  2. Use play, loop, speed, and background controls below the canvas.
  3. Copy the JSON to reuse in code or design tools.
Animations are parsed and rendered only in your browser.

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.