Generate Code

<script src="[email protected]/dist/lottie-player.js"></script>
<lottie-player src="{{lottie_url}}" mode="{{play_mode}}" background="{{background_color}}" speed="{{options_speed}}" style="width: {{width}}; height: {{height}};" hover loop controls autoplay></lottie-player>

Why we built this

We built this player to make implementing a Lottie animation on the web super easy. We built this on top of the opensourced Lottie-web to give more power to the design and animation community.

We welcome your contributions.


Find Lottie Animations

LottieFiles is now the largest repository of high quality Lottie animations, unique set of tools for testing and editing Lottie and the largest community of designers, engineers and animators.

Explore free animations

Spread the word

Motion made simple.

Push your animation game to the next level.