Lottie animation on scroll

[frederik]

I just gave the new Lottie animations a try in Bootstrap Studio. I was a bit disappointed to see that this is a very basic player that doesn’t allow for any interactivity.
Would love to link the animation smoothly to the scrolling on the web page.
Anyone knows if that’s possible with some custom html maybe?

thanks a lot and have a nice day!

– Frederik

[dickykreedz]

Use gsap for any more advanced snimations or eventually mix animate.js with lottie by using custom js or sum

[frederik]

Thanks for the reply, Dicky!
I couldn’t find GSAP on bootstrap studio.

[richards]

You will find gsap here:

GSAP

This might also point you in the right direction:

Hook a Lottie animation up to ScrollTrigger

[frederik]

I love it, that’s exactly what I was looking for!! Thanks! Now I just gotta figure out how to import a JSON file to Bootstrap Studio lol

[richards]

Just click on import js file