Smooth Animations With React and Framer Motion

Frame Motion is an open source React library to power production-ready animations

Animations with Framer Motion

What is Framer Motion?

Framer Motion is the successor to the Pose animation library. Like Pose, it provides a declarative API to power animations and gestures in your React app. Motion attempts to make the API both simpler for the simplest cases and more flexible to handle advanced cases.

Framer Motion — https://www.framer.com/motion/

Framer Motion is particularly powerful because it solves another huge problem in design: The handoff.

Designers often spend days perfecting animations down to the last spring, only to find that the finer details get lost during development. By using the same animation library in prototyping and production, you’re now guaranteed a truer and more efficient way to ensure your animations are always one-to-one.