Instant preview · Layer inspector · No account needed

Lottie Viewer: preview any Lottie file

To preview a Lottie file, drop your .json below and 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.
FAQ

Frequently asked questions

Quick answers about Lottie files and how Lotiqlab works.

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, which is useful for QA and checking optimizations.

Do I need an account to preview files?

Drop a file and it plays immediately, entirely in your browser.

Do I need an account?

No. Previewing, inspecting and downloading all work with no account at all. A free account is only needed to open a file in the full editor, or to save it to the cloud.