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
BestCodes •

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
 
cofo 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
 
fabiospoto profile image
Fabio Spoto •

Wow! Thank you so much for this :)

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
 
adebimpe_adetomiwa profile image
Adebimpe Adetomiwa •

Good read

Collapse
 
dusty_sameer profile image
D Sameer •

Awesome read Muhammad ✨ got to know.

Collapse
 
syakirurahman profile image
Syakir •

Thanks, hope it helps 😁

Collapse
 
hieungocnguyen profile image
Hieu Nguyen •

Good list. Thank you

Collapse
 
syakirurahman profile image
Syakir •

No problem. Happy to help