What animation libraries do you use?

For the React environment, I would recommend React Spring, Framer Motion, React Motion and React Transition Group.

If you work with Vanilla Javascript and CSS, some of the first ones that comes to mind would be AnimeJS, AnimateCSS, HoverCSS, MoJS, PopmotionJS, DynamicsJS, ProtonJS, KuteJS, ParticlesJS and ThreeJS.

What are your favorite animation libraries?

Comments

[Joachim Zeelmaekers]

Not really an animation library, but I use LottieFiles to implement animations that are developed in Adobe After Effects.
Created by Airbnb, and it has a large community that create free to use animations!

[Louis Low]

I also use Lottie to add to the 404-page design for my portfolio website. Lottie is a futuristic way to express ultra-smooth animation on the web.

[edmund 👨🏽‍🚀 🚀 🪐]

Can we quote you on that awesome compliment? This made my day. Would love to hear more.

"Lottie is a futuristic way to express ultra-smooth animation in the web."

[edmund 👨🏽‍🚀 🚀 🪐]

Awesome to hear. Thanks for sharing. Would love to hear more.

[Jordy Lee]

You missed the oldest and arguably most established JavaScript animation library - GSAP. That's personally the only animation library I use.

The only downside is it can be quite difficult to get working properly with React hooks

[ItsThatHexagonGuy]

LottieFiles, Framer Motion and GSAP. LottieFiles is pretty new for me and it's absolutely awesome. I don't do a lot of design work, but the fact that I get small and high quality animations with the ability to just customize the colors is just awesome.

[Louis Low]

I used my own toy, it's called FX-Motion.