Motion.dev (anteriormente Framer Motion) es una biblioteca de animación moderna y un centro de documentación para React, JavaScript puro y Vue que simplifi…
Motion.dev (anteriormente Framer Motion) es una biblioteca de animación moderna y un centro de documentación para React, JavaScript puro y Vue que simplifica la creación de animaciones de interfaz de usuario con alto rendimiento y sensación natural. Ofrece una API declarativa de componentes (por ejemplo, motion.div, motion.svg), variantes, keyframes y opciones físicas de resortes y easing, además de controles tipo línea de tiempo e imperativos mediante useAnimation. Entre las características clave están las transiciones de diseño y diseño compartido (layoutId), animaciones al montar/desmontar conscientes de la presencia (AnimatePresence), soporte de gestos (arrastrar, tocar, pasar el cursor), animaciones basadas en scroll y soporte SVG. Usa Motion para implementar microinteracciones, listas animadas, transiciones de página, estados de carga y coreografías complejas con código accesible, componible y susceptible de tree-shaking. Su integración con enfoques de estilo comunes y patrones compatibles con SSR lo convierten en una opción práctica para front-ends web de producción que buscan un diseño de movimiento pulido.
Esta página forma parte del hub OpenClaw Skills con guías de instalación, categorías y enlaces prácticos.