Free Online Lottie Player
Configure, preview, and generate embed code for any Lottie JSON animation. Set loop behavior, playback speed, and background — then get production-ready HTML to paste into your site.
Drop your Lottie JSON here
or click to browse — .json files, runs in your browser
Everything runs in your browser. Your file is never uploaded to any server.
Embed your Lottie in 3 quick steps
Load your Lottie file
Upload your .json Lottie animation. Preview it instantly in the browser player with full playback controls.
Configure & optimise
Adjust loop, autoplay, speed, and background. Every setting is reflected live so you see exactly what visitors will see.
Get the embed code
Click "Get Embed Code" for a ready-to-paste HTML snippet using the @lottiefiles/lottie-player web component.
Built for performance & cross-platform consistency
Runs entirely in browser
Zero server requests. Your animation never leaves your device — playback is instant and private.
Supports dotLottie & JSON
Upload either .json Lottie files or the newer .lottie (dotLottie) format — the player handles both.
Scalable & interactive
The generated embed code uses vector rendering that scales to any screen size without pixelation.
Copy & paste embed code
One-click copy of production-ready HTML. Works in any HTML file, React, Vue, plain HTML — anywhere.
No CDN account needed
References the open-source @lottiefiles/lottie-player CDN — no accounts, no API keys, just paste and go.
Link to Lottie Creator
Need to edit the animation? One click opens it in our full Lottie Creator editor for keyframe and color editing.
Access 1,000+ premium Lottie animations
IconKing Pro gives you a library of professionally designed animations ready to embed. No extra licensing, no per-use fees.
$6/month · billed yearly · cancel anytime
Frequently Asked Questions
Everything you need to know about the Lottie Player.