Tailwind CSS Animate
Tailwind CSS plugin adding ready-to-use animation utilities.
Animation and motion npm MIT
Used in agent projects
945
7.4% of 12,697 public repos built with AI coding agents
Rank in animation and motion
#2 of 28
by use in those projects
Downloads
20.4M
npm, last 7 days, tailwindcss-animate
GitHub stars
—
no public repo found
How Tailwind CSS Animate is used
Tailwind CSS Animate is a dependency in 945 of the 12,697 public GitHub projects set up for AI coding agents that we scanned (7.4%), #2 of 28 in animation and motion. The most used alternative there is Framer Motion. Projects that use it most often also use Tailwind Merge (98.4%), clsx (97.2%), Class Variance Authority (94.9%). It is more common in projects set up for Roo Code (19.5%) than for OpenAI Codex (4.5%).
Often used with Tailwind CSS Animate
| Tailwind Merge | 98.4% of Tailwind CSS Animate projects · 5.8× more than average |
|---|---|
| clsx | 97.2% of Tailwind CSS Animate projects · 5.5× more than average |
| Class Variance Authority | 94.9% of Tailwind CSS Animate projects · 6.7× more than average |
| Lucide React | 93.3% of Tailwind CSS Animate projects · 4.7× more than average |
| Radix UI | 90.3% of Tailwind CSS Animate projects · 7.5× more than average |
| Tailwind CSS | 99.7% of Tailwind CSS Animate projects · 2.9× more than average |
| next-themes | 65.3% of Tailwind CSS Animate projects · 7.4× more than average |
| Zod | 64.8% of Tailwind CSS Animate projects · 3.8× more than average |
By coding agent
| Cursor | 10.3% of projects set up for it |
|---|---|
| Claude Code | 5.6% of projects set up for it |
| GitHub Copilot | 5.8% of projects set up for it |
| Devin Desktop | 11.3% of projects set up for it |
| Gemini CLI | 6.6% of projects set up for it |
| Roo Code | 19.5% of projects set up for it |
| OpenAI Codex | 4.5% of projects set up for it |
| OpenCode | 5.6% of projects set up for it |
Share of public repos configured for each agent that list Tailwind CSS Animate as a dependency.
Install
| Package | npm install tailwindcss-animate |
|---|---|
| Main stacks | Next.js (590), TypeScript / JavaScript (311), Python (18), PHP (17) |
| Example projects | veithly/BountyBoard, NeurProjects/neur-app, PageAI-Pro/vibe-coding-starter, inboundemail/inbound, 1600822305/AetherLink |
Alternatives to Tailwind CSS Animate
| Tool | Used in agent projects | Downloads / wk | GitHub stars | License |
|---|---|---|---|---|
| Framer Motion npm Simple and powerful animation library for React components. |
1,703 (13.4%) | 50.1M | 33.9K | MIT |
| tw-animate-css npm Tailwind CSS v4.0 compatible animation plugin replacement. |
851 (6.7%) | 39.6M | 806 | MIT |
| Embla Carousel npm Lightweight carousel component with fluid motion and precise swipe handling for React. |
605 (4.8%) | 30.4M | 8,439 | MIT |
| GSAP npm Professional animation library for high-performance CSS, SVG, canvas and React animations. |
599 (4.7%) | 5.9M | 29K | Standard 'no charge' license: https://gsap.com/standard-license. |
| Motion npm Animation library for JavaScript and React with simple, powerful motion primitives. |
416 (3.3%) | 24.4M | 33.9K | MIT |
| Lenis npm Smooth scrolling library that enhances page scroll experiences with physics-based animations. |
193 (1.5%) | 1.8M | 16.3K | MIT |
| React Native Reanimated npm High-performance animation library for React Native with worklet support. |
129 (1.0%) | 9.3M | 11K | MIT |
| canvas-confetti npm Performant confetti animation library for creating celebratory effects in browsers. |
103 (0.8%) | 8.5M | 12.8K | ISC |