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?
Top comments (7)
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!
I also use
Lottieto add to the 404-page design for my portfolio website.Lottieis a futuristic way to express ultra-smooth animation on the web.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."
Awesome to hear. Thanks for sharing. Would love to hear more.
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
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.
I used my own toy, it's called FX-Motion.