tailwindcss-animations

Tailwind CSS utilities for animations, transitions, and transforms with built-in patterns and custom animation support. Continuous rotation for loading indicators: Radar-style pulse for notifications: Subtle fade for skeleton loaders: Attention-grabbing vertical bounce: For complex enter/leave transitions, use a library like Headless UI: - Four built-in animations (spin, ping, pulse, bounce) plus extensive transition utilities covering properties, duration, timing functions, and delays - Transform utilities for scale, rotate, translate, and skew with configurable origin points and GPU-accelerated performance - Custom animations via @theme in Tailwind v4, including keyframe definitions and custom easing curves - Accessibility support through motion-safe and motion-reduce variants that respect user motion preferences - Common patterns documented including hover effects, loading states, skeleton loaders, and scroll-triggered animations