Bring engaging animations to any website.

Get your beautiful animations into any web page, just by pasting in a snippet of code.

Generate Code

Your dotLottie/Lottie JSON URL:
Don’t have an URL? You can upload Lottie JSON / dotLottie files here to get it.
Width (px/%)
Height (px/%)
Background color

Animation speed

Play mode
Normal
Bounce
Direction
Forward
Backward
Controls

Display animation controls: Play, Pause & Slider

Autoplay

Play animation on load

Hover

Play animation on hover

Loop

Set to repeat animation

Generated Code

<script src= type=></script>
<dotlottie-player src= background= speed= style= direction= mode= loop controls autoplay></dotlottie-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 open-sourced 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

Motion made simple

Push your animation game to the next level.