#
O que é o Framer Motion?
Framer Motion é uma biblioteca de movimento feita para o React. Ela simplifica a implementação de animações utilizando o motion component.
#
Instalação
O Framer Motion requer a utilização da versão 18+ do React.
Para instalar utilize:
npm install framer-motionPara importar os componentes, hooks, etc. utilize:
page.tsx
import { motion } from "framer-motion"; // Depois do import é o que você necessitarComponentes criados utilizando o Framer Motion deverão ser Client Components, logo, a diretiva "use client" do next.js é obrigatória.
É recomendado a visualização dos exemplos para o entendimento da biblioteca.
Para mais informações sobre a biblioteca acesse Framer Motion.