REACT ANIMATION - Animation Libraries for React.js

Framer Motion

• JavaScript library
• Relatively new
• Easiest, feature rich & production ready

npm i framer-motion

React Reveal

• Based on the popular css animation library animation.css
• Primarily used to show and/or hide DOM elements

npm i react-reveal

React Motion

• React specific animation library
• Based on real physics
• Uses sniffing and dumping

npm i react-motion

React Spring

• Inspired by react-motion
• Attempts to improve performance over react-motion

npm i react-spring

React Anime

• React wrapper for the popular library Anime.js
• All the functionalities wrapped into their declarative form

npm i react-anime

Worked with other cool libraries? Share in the comment section below!

Connect with me : Github | Tutoring | Freelance Web Dev

Comments

[Moniruzzaman Saikat]

Thank you

[Rupak Dey]

I'm glad it proved to be useful!