{"repo":"Wombosvideo/tw-animate-css","free":true,"listed":false,"github":"https://github.com/Wombosvideo/tw-animate-css","clone":"git clone https://github.com/Wombosvideo/tw-animate-css.git","description":"TailwindCSS v4.0 compatible replacement for `tailwindcss-animate`","language":"CSS","stars":795,"topics":["animation","tailwindcss","tailwindcss-animate","tailwindcss-v4"],"license":"MIT","category":"ui-components","readme_excerpt":"tw-animate-css A collection of Tailwind CSS v4.0 utilities for creating beautiful animations. Includes ready-to-use animations accordion-down , accordion-up and caret-blink , as well as a set of utilities for creating your own animations. --- This package is a replacement for [ tailwindcss-animate ][Original Plugin GitHub]. It embraces the new [CSS-first architecture][TailwindCSS Custom Utilities], providing a pure CSS solution for adding animation capabilities to your Tailwind CSS project without relying on the legacy JavaScript plugin system or having to define all keywords from scratch. [!WARNING] The upcoming release v2.0.0 will include breaking changes. A migration script and a guide will be provided to help you transition smoothly. Table of Contents - Getting Started - NPM - Manual Download - Usage - Enter/Exit Animations - Base Classes - Parameter Classes - Transform Classes - Ready-to-Use Animations - Examples - Notes on Compatibility Getting Started NPM 1. Install the package with npm : 2. Add the following line to your app.css or globals.css file: 3. Start using the animations! [!NOTE] The above guide works for esbuild, Vite and probably other bundlers too. If you are using a different bundler, the syntax may differ. [Let me know][Create Issue] how it works and I'll update the documentation. Manual Download 1. Download the [ tw-animate.css ][CSS File] file from GitHub and place it next to your app.css or globals.css file. 2. Add the following line to your app.css or","default_branch":null,"files":null,"tree":[],"storefront":"/r/Wombosvideo","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Wombosvideo/tw-animate-css/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."}