Why ?

Framer Motion is a library that allows you to easily animate in React applications. Used to add animation effects such as transitions and drags.

Created by Who?

Created by Framer company. Framer is a company that specifically develops user interface (UI) design and prototyping tools.

How to Install?

Framer supports React 18 and above. To install via npm, run the following command.

npm install framer-motion

Framer motion library does not have any dependencies and you can start applying it with a single package.

Framer motion has shown that it has received serious appreciation from its users, with approximately 3.4 million weekly downloads on npm and 22700 stars on Github, as of today (10.07.2024).

Use

In the component you want, you can import the motion object from the framer-motion library and add a motion component to any html or svg element. .

import { motion } from "framer-motion";

export default function App() {
  return ;
}