DEV Community

Cover image for Top 15 Animation Libraries for React & Modern Javascript Apps

Top 15 Animation Libraries for React & Modern Javascript Apps

Syakir on July 17, 2024

Checkout the original post https://devaradise.com/javascript-react-animation-libraries/ for better navigation with Table of Content. Animations ca...
Collapse
 
harimanok profile image
Hari Lamichhane

Amazing read!

We are developing this open-source project to save developer’s time by building copy-paste animated components like shadcn/ui. It’d be cool if you guys have a look!

GitHub: github.com/codse/animata
Website: animata.design

Collapse
 
syakirurahman profile image
Syakir • Edited

I just looked into it, and gave it a star. Really cool project. Surely it add more options for animation libraries. Thanks for sharing, Hari. Keep up the good work!.

Collapse
 
harimanok profile image
Hari Lamichhane

Will do! thank you.

Collapse
 
diesos profile image
Omer Ozturk

I discovered your works, and it's amazing. I gave you a star 🔥

Collapse
 
best_codes profile image
Best Codes

I love it! I might use it on some projects soon.

Collapse
 
syakirurahman profile image
Syakir

This post got more views than my previous post, but no single comment :')

Collapse
 
scorcism profile image
Abhishek Pathak

you got one 🌻

Collapse
 
syakirurahman profile image
Syakir

Thank you, you are the savior! 😂

Collapse
 
cristopher_b824b75a6e8ef8 profile image
cofo

I can feel your pain. So here I am. I don’t have any burger for you but the comment is here> Thank you for sharing this post. Some tools are really cool!

Collapse
 
leob profile image
leob • Edited

Great article - not just your average "listicle", but code examples, context, pros and cons, even some guidance on how to choose a lib - compare this for example to dev.to/hosseinyazdi/20-super-usefu... which provides none of that (only a list, minimal descriptions, no context) ...

Kudos, you've really put in the work, this is the kind of content we want to see on dev.to (well I do, at least) !

Collapse
 
syakirurahman profile image
Syakir

Thanks for your kind words!
Although you dont have to compare it to other similar article 😅

Collapse
 
leob profile image
leob

Well I don't have to ... but it's the truth :D

Collapse
 
annavi11arrea1 profile image
Anna Villarreal

three.js is sick

Collapse
 
syakirurahman profile image
Syakir

Have you tried it in real project? I would like to know because it looks intimidating for beginners 😂

Collapse
 
guttenbergovitz profile image
Guttenbergovitz

you mean :: Awesome?

Collapse
 
chandra_pantachhetri profile image
Chandra Panta Chhetri • Edited

I like how you listed the pros & cons & best use case. Which one is your go to usually? Mine is Framer motion if I need more control & Animate.css for simple animations. I will check out the others one though, I love animations!

Also three.js I try to wrap my head around it, it just goes over :))

Collapse
 
alyouma_akmal_5a4d549d061 profile image
alyouma akmal

If you react JS user, i recomended try framer-motion.

Collapse
 
syakirurahman profile image
Syakir

Yeah, framer motion is great!

Collapse
 
dusty_sameer profile image
D Sameer

Awesome read Muhammad ✨ got to know.

Collapse
 
syakirurahman profile image
Syakir

Thanks, hope it helps 😁

Collapse
 
fabiospoto profile image
Fabio Spoto

Wow! Thank you so much for this :)

Collapse
 
hieungocnguyen profile image
Hieu Nguyen

Good list. Thank you

Collapse
 
syakirurahman profile image
Syakir

No problem. Happy to help

Collapse
 
adebimpe_adetomiwa profile image
Adebimpe Adetomiwa

Good read