Framer Motion is an animation library. That was one of the most popular animation libraries used with React.

Framer Motion is especially strong on the grounds that it takes care of one more enormous issue in design: handoff. Designers regularly go through days of consummating activitys down to the previous spring, just to see that the better subtleties get lost during improvement. It's likewise important that Framer Motion is the replacement to the famous Pose library, which creates almost 80k downloads a month on NPM. It's additionally founded on Popmotion, a library that has been fight tried in the wild for right around four years. Assuming you as of now use Pose, Framer Motion offers a less complex and more adaptable API at generally a similar group size.

Here is some example of Framer Motion:

Draggable Animation:

const constraintsRef = useRef(null) return ( <motion.div ref={constraintsRef}> <motion.div drag dragConstraints={constraintsRef} /> </motion.div> )

Open in SandBox