LottieFiles
Lottie-interactive
0:000:00

Free Lottie-interactive Animation

Hey people! Today we've released lottie-interactive, a simple and easy way to make your lottie animations interactive. Lottie-interactive is a custom web element adding hover, loop, play-once, play-on-show, click, morph and switch interactions to your lottie animations! We've also added quality of life additions such as the option to reset your animation or not (good for logos). If you want to check it out, head over to: https://github.com/samuelOsborne/Lottie-interactive Also available on npm: https://www.npmjs.com/package/lottie-interactive Have a great day and get animating!

Hey people! Today we've released lottie-interactive, a simple and easy way to make your lottie animations interactive. Lottie-interactive is a custom web element adding hover, loop, play-once, play-on-show, click, morph and switch interactions to your lottie animations! We've also added quality of life additions such as the option to reset your animation or not (good for logos). If you want to check it out, head over to: https://github.com/samuelOsborne/Lottie-interactive Also available on npm: https://www.npmjs.com/package/lottie-interactive Have a great day and get animating!

  • Optimized dotLottieRecommended
    4.6 KB

    Smallest file size with themes and interactivity.

    87% smaller than Lottie JSON
  • dotLottie
    5.1 KB

    Compressed, supports theming and states.

  • Optimized Lottie JSON
    27.3 KB

    Optimized JSON for faster loading.

    24% smaller than Lottie JSON
  • Lottie JSON
    36 KB

    Standard Lottie format, broad compatibility.

Other export formats

Interactions & plugins

View all
figma
after-effects
framer
canva
webflow
wix

Free to use under the Lottie Simple License