Lottie Player

The Lottie Player is used to configure and generate the embed code for your Lottie animations. It gives you precise control over how the animation will play (speed, loops, events) once it's live on your website.

You can customize essential parameters like the number of times the animation loops, its playback speed, the direction of play (forward or reverse), and which frame the animation starts on.

Our Lottie Player generates a simple, optimized snippet of HTML code. You just copy and paste this code directly into your webpage's source code, making integration simple across any CMS or framework.

Yes. The Player allows you to set up interactivity without writing custom JavaScript. You can easily configure the animation to start playing when a user hovers over it or progresses as they scroll down the page.

Absolutely. The Lottie Player is built to handle both the standard Lottie JSON (.json) and the highly optimized dotLottie (.lottie) formats, which ensures the fastest possible load times for your embedded animations.

A basic viewer is for debugging. The Lottie Player is a production tool. It lets you set all the final parameters (interactivity, autoplay, controls visibility) and generates the ready-to-use embed code.

Yes. Within the Lottie Player interface, you can easily define the exact width and height for your animation. Since Lottie is vector-based, the player ensures the animation scales responsively within those dimensions without losing quality.