Por que ?

Framer Motion é uma biblioteca que permite animar facilmente em aplicativos React. Usado para adicionar efeitos de animação, como transições e arrastamentos.

Criado por quem?

Criado pela empresa Framer. Framer é uma empresa que desenvolve especificamente ferramentas de design e prototipagem de interface de usuário (UI).

Como instalar?

Framer suporta React 18 e superior. Para instalar via npm, execute o seguinte comando.

npm install framer-motion

A biblioteca de movimento Framer não tem nenhuma dependência e você pode começar a aplicá-la com um único pacote.

Framer motion mostrou que recebeu grande apreciação de seus usuários, com aproximadamente 3,4 milhões de downloads semanais no npm e 22.700 estrelas no Github, até hoje (10.07.2024).

Usar

No componente desejado, você pode importar o objeto motion da biblioteca framer-motion e adicionar um componente de movimento para qualquer elemento HTML ou SVG.

import { motion } from "framer-motion";

export default function App() {
  return ;
}