Lottie JSON Validator
Validate your Lottie animations for errors and compliance. Check required properties, layer structure, and data integrity.
1. Upload your Lottie JSON file
Drag & drop your file here or click to browse
Only .json files (max. 10MB)
Validation Status
Preview
Upload a Lottie JSON file to validate
Preview loads the animation even if errors are detected
Validate Lottie JSON Files Before Deployment
Broken Lottie animations are frustrating to debug. Our Lottie JSON validator checks your animation files against the official specification, catching errors before they reach production.
Upload your .json file and get instant feedback on spec compliance, missing properties, invalid frame ranges, and compatibility issues. Fix problems early and deploy with confidence.
How to Validate Your Lottie Animations
Catch animation errors before deployment with comprehensive validation:
Upload your Lottie JSON
Drag and drop or browse for your .json file. The validator supports all standard Lottie formats.
Automatic validation
The tool instantly checks your file against Lottie spec requirements – required properties, data types, valid ranges.
Review detailed errors
Get specific error messages with field names, expected values, and explanations of what's wrong.
Preview and verify
See how your animation renders even with errors. Helps identify visual issues alongside technical problems.
Validation happens entirely in your browser. Your animation files never leave your computer.
Comprehensive Validation Features
Catch every type of Lottie specification error:
Spec Compliance
Validates against Lottie specification requirements. Ensures your animation has all required properties and correct data types.
Detailed Feedback
Get specific error messages with field names and explanations. Know exactly what's wrong and where to fix it.
Live Preview
See how your animation renders even with errors. Helps identify visual issues alongside technical problems.
Instant Results
No waiting – validation happens in milliseconds. Upload, see errors, fix, and re-upload as many times as needed.
When to Validate Lottie Files
Validation prevents production issues and debugging headaches:
Pre-Deployment Checks
Validate animations before pushing to production. Catch spec violations, missing properties, and invalid ranges early.
Third-Party Animation Review
Received animations from designers or external vendors? Validate before integrating to avoid compatibility issues.
Manual Edit Verification
Modified Lottie JSON by hand? Validate to ensure you didn't accidentally break required properties or syntax.
Export Quality Control
Some After Effects plugins export invalid Lottie. Run validation to catch exporter bugs before they cause problems.
Mobile Compatibility Testing
Validate frame rates, dimensions, and complexity before deploying to mobile apps. Catch performance issues early.
CI/CD Pipeline Integration
Automate validation in your build pipeline. Ensure only valid animations make it to production environments.
Lottie Validation Best Practices
Get the most accurate validation results:
Fix critical errors first
Missing required properties like fr, op, w, h will prevent playback entirely. Address these before minor warnings.
Test visual output
Spec-valid files can still have visual bugs. Use the preview to verify animations look correct, not just structurally valid.
Save validation reports
Export or screenshot error lists before fixing. Helps track what was changed and provides documentation for team reviews.
Re-validate after changes
After fixing errors, upload again to verify all issues resolved. New edits can sometimes introduce new problems.
Privacy and Security
We take your privacy seriously. Unlike most online converters that upload your files to remote servers, our tool processes everything locally.
No uploads – Your files are processed entirely in your browser. They never touch our servers.
No tracking – We don't log which files you convert or what settings you use.
No accounts – Use the tool immediately. No registration, no personal data required.
Inspect it yourself – Open DevTools and watch the network tab. You'll see zero file uploads.
Frequently Asked Questions
Everything you need to know about Lottie animations and our tools.
What does this validator check?
The validator checks for: JSON syntax errors, required properties (version, dimensions, frame rate, layers), correct data types, layer structure validity, frame range consistency, and external asset references. It provides detailed feedback on errors, warnings, and animation info.
What's the difference between errors and warnings?
Errors are critical issues that prevent the animation from working correctly (missing required properties, invalid data types). Warnings are non-critical issues that may cause problems (missing optional properties, external assets, high frame rates). The animation may still play with warnings.
Why does my animation have external image warnings?
External image warnings appear when your animation references image files that aren't embedded. These images must be accessible at runtime or the animation will show broken images. Consider converting to dotLottie format to embed all assets, or use base64-encoded images in your JSON.
Can the validator fix errors automatically?
No, the validator only reports issues - it doesn't modify your files. You'll need to fix errors manually in your animation software (After Effects with Bodymovin, Lottie Creator, etc.) or by editing the JSON directly. The detailed error messages guide you to the specific problems.
What Lottie version does this validator support?
The validator checks core Lottie specification properties that are consistent across all versions. It validates the fundamental structure required by lottie-web and most Lottie players. Version-specific features aren't checked, but the validator ensures your animation has the minimum required properties.
Is my animation data secure during validation?
Yes! All validation happens entirely in your browser using JavaScript. Your animation files are never uploaded to any server. The validator runs completely offline once the page is loaded, ensuring your designs remain private and secure.