DEV Community

Cover image for What animation libraries do you use?
Madza
Madza

Posted on

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?

Top comments (7)

Collapse
 
joachimzeelmaekers profile image
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!

Collapse
 
louislow profile image
Louis Low • Edited

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.

Collapse
 
edmundamoye profile image
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."

Collapse
 
edmundamoye profile image
edmund šŸ‘ØšŸ½ā€šŸš€ šŸš€ šŸŖ

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

Collapse
 
jkhaui profile image
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

Collapse
 
wannabehexagon profile image
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.

Collapse
 
louislow profile image
Louis Low

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