Free online Lottie Viewer. Preview Lottie animations online. Scrub the timeline, test playback speeds, loop settings & backgrounds - no signup, nothing uploaded. Then edit it in one click.
How to Use the Lottie Previewer Tool?
1. Upload Your Lottie JSON
• Export your animation from After Effects via Bodymovin, or download one from LottieFiles (e.g., loader-animation.json). • Drag and drop the .json file into the tool, or click to browse. • Your file plays instantly, right in your browser — nothing is uploaded or stored.
2. Inspect the Details
• Check the animation's dimensions, duration, frame rate, layer count, and file size at a glance. • Use these stats to confirm the file matches your design specs before shipping it.
3. Test Playback Like a Pro
• Play, pause, and scrub the timeline frame by frame to inspect every moment. • Try speeds from 0.25× to 2× and toggle looping to match how it will run in your product. • Switch the background between transparent and any custom color to check contrast.
4. Need Changes? Edit in One Click
• Spotted a color, layer, or text you want to change? • Click "Edit this Lottie" to open the free Lottie Editor and make the changes — then download your updated JSON.