Por qué ?

Framer Motion es una biblioteca que te permite animar fácilmente en aplicaciones React. Se utiliza para agregar efectos de animación como transiciones y arrastres.

Creado por ¿Quién?

Creado por la empresa Framer. Framer es una empresa que desarrolla específicamente herramientas de diseño y creación de prototipos de interfaces de usuario (UI).

¿Cómo instalar?

Framer admite React 18 y versiones posteriores. Para instalar a través de npm, ejecute el siguiente comando.

npm install framer-motion

La biblioteca de movimiento Framer no tiene ninguna dependencia y puedes comenzar a aplicarla con un solo paquete.

Framer motion ha demostrado que ha recibido un gran reconocimiento por parte de sus usuarios, con aproximadamente 3,4 millones de descargas semanales en npm y 22700 estrellas en Github, a partir de hoy (10.07.2024).

Usar

En el componente que desee, puede importar el objeto motion de la biblioteca framer-motion y agregar un componente de movimiento. a cualquier elemento html o svg.

import { motion } from "framer-motion";

export default function App() {
  return ;
}