TheLazy.Dev
Portfolio GitHub

Blog

react |animation |webdev |javascript

REACT ANIMATION - Animation Libraries for React.js

deyrupak

Rupak Dey

Posted on January 24, 2021

REACT ANIMATION - Animation Libraries for React.js

Framer Motion

  • JavaScript library
  • Relatively new
  • Easiest, feature rich & production ready 
npm i framer-motion
Enter fullscreen mode Exit fullscreen mode

React Reveal

  • Based on the popular css animation library animation.css
  • Primarily used to show and/or hide DOM elements 
npm i react-reveal
Enter fullscreen mode Exit fullscreen mode

React Motion

  • React specific animation library
  • Based on real physics
  • Uses sniffing and dumping 
npm i react-motion
Enter fullscreen mode Exit fullscreen mode

React Spring

  • Inspired by react-motion
  • Attempts to improve performance over react-motion 
npm i react-spring
Enter fullscreen mode Exit fullscreen mode

React Anime

  • React wrapper for the popular library Anime.js
  • All the functionalities wrapped into their declarative form 
npm i react-anime
Enter fullscreen mode Exit fullscreen mode



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



Connect with me : Github | Tutoring | Freelance Web Dev

💖 💪 🙅 🚩
deyrupak
Rupak Dey

Posted on January 24, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

REACT ANIMATION - Animation Libraries for React.js
react REACT ANIMATION - Animation Libraries for React.js

January 24, 2021