Tailwindcss Animations

A comprehensive reference for Tailwind's animation system, covering the built-in utilities (spin, ping, pulse, bounce) and how to wire up custom keyframes in v4's @theme directive. Includes transition properties, durations, and easing functions with real examples like hover card lifts and button press effects. The accessibility section is genuinely useful, showing both motion-safe/motion-reduce variants and the global reduced motion pattern. Also covers transform utilities (scale, rotate, translate) with proper origin controls. This is the kind of reference you keep open when you're building interactive UIs and need to remember whether it's transition-transform or transition-all, or how to set up staggered animations without fighting the framework.

Install to Claude Code

npx -y skills add josiahsiegel/claude-plugin-marketplace --skill tailwindcss-animations --agent claude-code