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.com/LottieFiles..

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.

Visit Lottiefiles.com

Spread the word

Join Lottie Community

Get the latest news, tips, animations and more

We will only send you lottie related information

Made with 16 - Hearts (fun, play, game, flat)Created with Sketch. from
LottieFiles