Generate Code

PREVIEW
GENERATED CODE
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/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.

GitHub

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.