PluginStatstailwindcss-plugin-animation-delay weekly downloads statistics
By akbaruddin · npm · Tailwind plugins
Tailwind CSS plugin, add animation-delay CSS property
tailwindcss-plugin-animation-delay has 12 recorded weekly downloads on npm, an increase of 20.0% over the past 30 days.
It ranks #1896 of 2,256 tracked npm listings by weekly downloads.
Over 90 days, weekly downloads changed by +1100%.
PluginStats has 543 daily observations since Apr 23, 2025; the latest is from Oct 17, 2026.
About tailwindcss-plugin-animation-delay
Tailwindcss animation-delay plugin
Tailwind CSS plugin, add animation-delay CSS property.
Installation
Install the plugin from npm:
Then add the plugin to your tailwind.config.js file:
Usage
animation-delay-{n} or -animation-delay-{n} or animation-delay-[arbitrary_values] class to specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation.
Normal
| Class | Properties |
| animation-delay-none | animation-delay: 0s; | | animation-delay-25 | animation-delay: 25ms; | | animation-delay-50 | animation-delay: 50ms; | | animation-delay-75 | animation-delay: 75ms; | | animation-delay-100 | animation-delay: 100ms; | | animation-delay-150 | animation-delay: 150ms; | | animation-delay-200 | animation-delay: 200ms; | | animation-delay-300 | animation-delay: 300ms; | | animation-delay-400 | animation-delay: 400ms; | | animation-delay-500 | animation-delay: 500ms; | | animation-delay-600 | animation-delay: 600ms; | | animation-delay-700 | animation-delay: 700ms; | | animation-delay-800 | animation-delay: 800ms; | | animation-delay-900 | animation-delay: 900ms; | | animation-delay-1000 | animation-delay: 1000ms; | | animation-delay-1100 | animation-delay: 1100ms; | | animation-delay-1200 | animation-delay: 1200ms; | | animation-delay-1300 | animation-delay: 1300ms; | | animation-delay-1400 | animation-delay: 1400ms; | | animation-delay-1500 | animation-delay: 1500ms; | | animation-delay-2000 | animation-delay: 2000ms; | | animation-delay-3000 | animation-delay: 3000ms; | | animation-delay-4000 | animation-delay: 4000ms; | | animation-delay-5000 | animation-delay: 5000ms; | | animation-delay-6000 | animation-delay: 6000ms; | | animation-delay-7000 | animation-delay: 7000ms; | | animation-delay-8000 | animation-delay: 8000ms; | | animation-delay-9000 | animation-delay: 9000ms; |
Negative
| Class | Properties |
| -animation-delay-25 | animation-delay: -25ms; | | -animation-delay-50 | animation-delay: -50ms; | | -animation-delay-75 | animation-delay: -75ms; | | -animation-delay-100 | animation-delay: -100ms; | | -animation-delay-150 | animation-delay: -150ms; | | -animation-delay-200 | animation-delay: -200ms; | | -animation-delay-300 | animation-delay: -300ms; | | -animation-delay-400 | animation-delay: -400ms; | | -animation-delay-500 | animation-delay: -500ms; | | -animation-delay-600 | animation-delay: -600ms; | | -animation-delay-700 | animation-delay: -700ms; | | -animation-delay-800 | animation-delay: -800ms; | | -animation-delay-900 | animation-delay: -900ms; | | -animation-delay-1000 | animation-delay: -1000ms; | | -animation-delay-1100 | animation-delay: -1100ms; | | -animation-delay-1200 | animation-delay: -1200ms; | | -animation-delay-1300 | animation-delay: -1300ms; | | -animation-delay-1400 | animation-delay: -1400ms; | | -animation-delay-1500 | animation-delay: -1500ms; | | -animation-delay-2000 | animation-delay: -2000ms; | | -animation-delay-3000 | animation-delay: -3000ms; | | -animation-delay-4000 | animation-delay: -4000ms; | | -animation-delay-5000 | animation-delay: -5000ms; | | -animation-delay-6000 | animation-delay: -6000ms; | | -animation-delay-7000 | animation-delay: -7000ms; | | -animation-delay-8000 | animation-delay: -8000ms; | | -animation-delay-9000 | animation-delay: -9000ms; |
Arbitrary values
Configuration
You can configure which values and variants are generated by this plugin under the animationDelay key in your tailwind.config.js file:
Description from the npm listing.
- tailwind
- tailwindcss
- tailwindcss-plugin
- tailwindcss-animation-delay
- tailwind-animation-delay
- tailwindcss-plugin-animation-delay
- animation-delay
- animation
- delay
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
Ranking history
Listing placement
Filled points are observed values; hollow points come from Internet Archive snapshots of the listing page. Dashed segments span periods with no observations — values between points are not interpolated.
Each band is one page of 20. Weekly downloads on a log scale. Placement is projected from weekly downloads, so it can differ from the marketplace's own sort order. Hover a dot to see the listing.
Recent observations
Full history (543)Similar npm Tailwind plugins plugins
All 20 tailwindcss-plugin-animation-delay alternativesData source
Weekly downloads (trailing 7 complete days) come from the official npm downloads API. Downloads include CI and mirrors and are not equivalent to installs or users. npm publishes no ratings.
Listing: https://www.npmjs.com/package/tailwindcss-plugin-animation-delay. First seen Oct 16, 2026; last successful collection Oct 19, 2026. See the methodology.