React JS Animations… Here is a Great Library to Check Out.

Photo/Animation from https://www.npmjs.com/package/framer-motion

Framer-Motion

With a current 481,954 weekly downloads as of the time of this writing, framer-motion is probably the most popular pick for a React JS animation library. It is an open source library that is production-ready.

It does all this:

  • Spring animations
  • Simple keyframes syntax
  • Gestures (drag/tap/hover)
  • Layout and shared layout animations
  • SVG paths
  • Exit animations
  • Server-side rendering
  • Variants for orchestrating animations across components
  • CSS variables

As quoted from https://www.npmjs.com/package/framer-motion.

For documentation please go to https://www.framer.com/api/motion/.

--

--