Instant preview · Layer inspector · Free · No signup

Lottie Viewer & Player

To preview a Lottie file, drop your .json below — it plays instantly. Scrub the timeline, inspect layers, check it inside a live iPhone mockup, and compare two versions side-by-side.

How it works

  1. Drop your Lottie .json file below, or paste a URL to load it.
  2. Play, pause, loop, and scrub through the animation on the canvas.
  3. Inspect the layer tree and JSON structure in Dev Mode.
  4. Optionally preview inside a device mockup or compare two files side-by-side.

Frequently asked questions

Can I test how an animation looks in an app?

Yes. The Live Device Preview wraps your animation in a high-fidelity iPhone mockup, and the Social Mockup Engine renders it inside social post containers.

Can I compare two versions of an animation?

Yes. Compare mode plays two Lottie files side-by-side with a synchronized playhead — useful for QA and checking optimizations.

Do I need an account to preview files?

No account, no signup. Drop a file and it plays — entirely in your browser.