Lottie Animation

Anyone with any experience of putting a Lottie animation on a page? There is a commercial stack available, but pricy.

What Lottie needs is a blank DIV and a JS code library. So I am guessing I simply drop the DIV code in an HTML container and load the JS in the section for the page?


Haven’t seen these before, but they seem pretty straightforward.

Have you just tried dropping the provided code into an HTML stack?

I grabbed this one as a test and put it into an HTML stack and all was A-OK.

<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://assets9.lottiefiles.com/datafiles/MUp3wlMDGtoK5FK/data.json"  background="transparent"  speed="1"  style="width: 300px; height: 300px;"  loop  autoplay></lottie-player>
1 Like