Lottie JSON Player & Validator
Validate and inspect Lottie animation JSON - version, dimensions, framerate, layer tree, and asset count. Works entirely offline in your browser.
Loading tool...
What is Lottie JSON Player & Validator?
The Lottie JSON Player & Validator parses Lottie animation JSON and validates its structure: required fields, layer tree with typed names, metadata dashboard, and asset count - all computed locally without any dependency.
Key Benefits
- Catch missing fields before importing into your app
- Layer tree shows structure without opening After Effects
- Metadata dashboard gives instant animation overview
- Works offline with no external dependencies
Common Use Cases
- •Validating Lottie exports before shipping to production
- •Debugging animation structure when playback fails
- •Documenting layer organization for design handoff
- •Checking animation duration and complexity at a glance
- •Auditing asset counts in large Lottie files
Validate a Lottie Animation
- Paste the Lottie JSON: Paste the exported Lottie animation JSON from After Effects, LottieFiles, or any editor.
- Check validation results: The tool validates required fields (v, fr, ip, op, w, h, layers) and flags any missing keys.
- Inspect the layer tree: Each layer is listed with its name and type (Shape, Text, Solid, Image, Null, Pre-comp).
- Review metadata: Dimensions, framerate, duration, and asset count give you a quick overview of the animation.
Key Features
- Validates required Lottie fields: v, fr, ip, op, w, h, layers
- Layer tree with names and human-readable type names
- Metadata dashboard: dimensions, FPS, duration, layers, assets
- Parse errors with specific messages for quick debugging
- No lottie-web dependency - pure JSON analysis
- Works offline - animation data stays on your device
Frequently Asked Questions
What is a Lottie animation?
Lottie is a JSON-based animation file format created by Airbnb. It allows designers to export animations from After Effects and render them natively on web and mobile with small file sizes.
Does this tool play the animation?
No - it validates the JSON structure and inspects the layer tree. Playing Lottie animations requires the lottie-web library, which would need a separate dependency. This tool focuses on the validation and inspection workflow.
What are the required fields in a Lottie JSON?
The required top-level fields are v (version string), fr (framerate), ip (in point), op (out point), w (width), h (height), and layers (array). The tool flags any of these that are missing.
Is my animation data uploaded?
No. All parsing and validation runs locally in your browser. Your animation JSON never leaves your device, and the tool works fully offline.