DEV Community

loading...
Cover image for What animation libraries do you use?

What animation libraries do you use?

Madza
Discussions. šŸ’¬ Tools. šŸ›  Resources. šŸ“š All things productivity. šŸŽÆšŸš€šŸ’Æ
惻1 min read

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?

Discussion (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
lewislow profile image
Lewis 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
Jordan 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
xyn profile image
Mydrax

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
lewislow profile image
Lewis Low

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