tailwindcss-motion

tailwindcss-motion es un plugin de Tailwind CSS desarrollado en RomboHQ. Se describe como una biblioteca de animación simple pero potente que permite a los desarrolladores animar elementos directamente con clases utilitarias en lugar de escribir keyframes personalizados. La instalación se realiza a través de npm como dependencia de desarrollo, y luego el plugin se añade al array plugins en tailwind.config.js. Se muestran tanto el estilo require de CommonJS como el import de ESM. El paquete incluye definiciones de TypeScript, y las personalizaciones del tema como motionScale y motionTimingFunction están tipadas. La idea central es una sintaxis en línea para animar todas las dimensiones. Por ejemplo, un efecto de deslizamiento y desvanecimiento se puede lograr con clases como motion-translate-x-in-25 y motion-opacity-in-0, o usando un preajuste como motion-preset-fade. La documentación completa está alojada en docs.rombo.co/tailwind. Se ofrece una extensión complementaria de Chrome para crear animaciones visualmente en el navegador. Admite animaciones en bucle, guardar preajustes reutilizables y exportar resultados como clases de Tailwind, CSS puro o código de Framer Motion. El README enlaza varios ejemplos en vivo en el playground Tailwind Play, incluidos una landing page, un diálogo de chat, una dynamic island de batería baja, muestras de color de Apple, un bucle de Rombo y animaciones de emoji. También menciona a Rombo como una empresa en etapa temprana que construye herramientas para interfaces interactivas, y enumera recursos adicionales: una publicación de blog sobre la creación del plugin, un constructor de animaciones y un port comunitario para UnoCSS. El repositorio contiene únicamente el texto del README proporcionado; no se incluyen licencia, pautas de contribución, configuración de pruebas ni datos de benchmark en el material.