{"repo":"romboHQ/tailwindcss-motion","free":true,"listed":false,"github":"https://github.com/romboHQ/tailwindcss-motion","clone":"git clone https://github.com/romboHQ/tailwindcss-motion.git","description":"tailwindcss-motion is a Tailwind CSS Plugin made at RomboHQ. It’s a simple, yet powerful, animation library with a simple syntax.","language":"TypeScript","stars":3323,"topics":["animate","animation","css","design","motion","preset","tailwindcss","tailwindcss-plugin"],"license":"MIT","category":"ui-components","readme_excerpt":"✨ tailwindcss-motion ✨ tailwindcss-motion is a Tailwind CSS Plugin made at RomboHQ. It’s a simple, yet powerful, animation library with a simple syntax. Motion, without commotion. ⚒️ Installation 1. Install npm package 2. Add into your tailwind.config.js or, to use ESM: 📝 TypeScript Support The plugin includes TypeScript definitions out of the box. Theme customizations and plugin configuration are fully typed: How does it work? We provide a simple syntax to animate any element in your Tailwind project. Instead of defining custom keyframes, we provide utility classes to animate every dimension, inline. For example, for a slide and fade effect — you simply need motion-translate-x-in-25 motion-opacity-in-0 or, you can use one of our presets with motion-preset-fade Documentation For full documentation, visit docs.rombo.co/tailwind 🧩 Introducing the Chrome Extension Take your animations to the next level with the Rombo Chrome Extension! Create animations visually: - Use our intuitive animator directly in your browser. - Loop animations - Save presets: Keep your animations organized and reusable. - Export options: Output animations as Tailwind classes, pure CSS, or Framer Motion code. Examples Landing page - https://play.tailwindcss.com/uAuVF8F1vC Chat dialog - https://play.tailwindcss.com/gjGqEKswjQ Low Battery Dynamic Island - https://play.tailwindcss.com/tvYFbHtNNQ Apple Color Swatches - https://play.tailwindcss.com/cvQ3Nk3v8j Rombo Loop - https://play.tailwindcss.com/MLdegkb9","default_branch":null,"files":null,"tree":[],"storefront":"/r/romboHQ","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/romboHQ/tailwindcss-motion/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}