Animations with tailwindcss-animate / tw-animate-css
Created by CodeCraft LLCUse, advise on, and review enter/exit animation utilities from tailwindcss-animate (Tailwind v3 plugin) and its Tailwind v4 successor tw-...
Product and technology names are trademarks of their respective owners, used only to identify what this skill covers. CodeCraft LLC is not affiliated with or endorsed by them.
by Jace (@jamick)v1.0.1 · updated 2026-10-03Report copyright infringement
Description
Use, advise on, and review enter/exit animation utilities from tailwindcss-animate (Tailwind v3 plugin) and its Tailwind v4 successor tw-animate-css — animate-in/animate-out, fade/zoom/spin/slide composition, duration/delay/ease/fill-mode, pairing with Radix/shadcn data-state attributes, accordion/collapsible height animations, reduced motion, and migrating from the plugin to the CSS import. Use whenever `tailwindcss-animate` or `tw-animate-css` is installed, classes like `animate-in fade-in-0 zoom-in-95` or `data-[state=open]:animate-in` appear, or the user wants a dialog/popover/menu/toast to animate in and out.
Included with all-access
$5.00 value as a single download
AiSkillz is in preview: browse the catalogue now - skill downloads and subscriptions open soon.
All skills are included with the all-access subscription
Changelog
v1.0.1Oct 3, 2026Latest
Changed
- Renamed the title to describe what the skill does with the product, so it doesn't read as an official or endorsed edition.
- Added a trademark notice to the README.
v1.0.0Oct 2, 2026
Added
- First release.