Skip to content
PluginStats

tailwindcss-fade weekly downloads statistics

By malerba118 · npm · Tailwind plugins

Mask-powered fade utils for tailwind.

View on npm Stale · Oct 17, 2026

tailwindcss-fade has 816 recorded weekly downloads on npm, a decrease of 68.7% over the past 30 days, ranking #1431 of 2,256 tracked listings.

Weekly downloads
816
Official API · Oct 17, 2026
7-day growth
-62.3%
-1.3K weekly downloads
30-day growth
-68.7%
-1.8K weekly downloads
90-day growth
-90.3%
-7.6K weekly downloads
Rank
#1431
Among tracked npm listings

About tailwindcss-fade

tailwindcss-fade

A tailwind plugin for creating edge-fade effects using css masks.

Installation

Tailwind v4

Tailwind v3

Examples

Hover effect

View demo

https://github.com/user-attachments/assets/539c1883-5c6d-4cb4-b3c4-9df908fd2804

Scroll effect

View demo

https://github.com/user-attachments/assets/5dd69753-3ee9-4258-89de-d74a2015e9e8

API

| Utility | Description | Value type |

| fade-mask | Required base class | — | | fade-{inset} | Fade all sides | Tailwind inset | | fade-{x|y}-{inset} | Fade horizontal/vertical | Tailwind inset | | fade-{top|bottom|left|right}-{inset} | Fade individual sides | Tailwind inset | | fade-intensity-{percentage} | Fade intensity (all sides) | Tailwind opacity | | fade-{x|y}-intensity-{percentage} | Fade intensity (axes) | Tailwind opacity | | fade-{top|bottom|left|right}-intensity-{percentage} | Fade intensity (individual) | Tailwind opacity | | fade-rotate-{angle} | Rotate mask | Tailwind rotate | | transition-fade | Animate fade changes | — |

Arbitrary Values

All fade utilities support arbitrary values using Tailwind's bracket notation:

License

MIT

Description from the npm listing.

  • tailwindcss
  • tailwind
  • tailwindcss-plugin
  • fade
  • mask
  • css-mask
  • gradient
  • fade-effect
  • scroll-fade
  • edge-fade
  • utilities

README badge

Show your rank in a README or on your website. The badge updates automatically.

Charts

Images: 30d · 1y · all time · 1600×900 dark

Adoption over time

tailwindcss-fade weekly downloads on npm, last 90 days: 816 weekly downloads as of Oct 17, 2026, -90.3% over 90 days.tailwindcss-fadeWeekly downloads on npm · Last 90 days816downloads / week-90.3% over 90 days01K2K3K4K5K6K7KJul 19Aug 3Aug 18Sep 2Sep 17Oct 2Oct 17downloads / weekobservedarchived (Internet Archive)no observationsJul 22, 2026 – Oct 17, 2026 · 88 observations · Updated Oc…pluginstats.com
tailwindcss-fade weekly downloads on npm, last 90 days: 816 weekly downloads as of Oct 17, 2026, -90.3% over 90 days.

7/30/90-day growth

tailwindcss-fade weekly downloads growth on npm: -62.3% over 7 days, -68.7% over 30 days, -90.3% over 90 days.tailwindcss-fadeWeekly downloads growth on npm816downloads / week now7-day growth-1,348 weekly downloads-62.3%30-day growth-1,793 weekly downloads-68.7%90-day growth-7,564 weekly downloads-90.3%Growth vs. nearest observation to each baseline date · Updated Oct 17, 2026pluginstats.com
tailwindcss-fade weekly downloads growth on npm: -62.3% over 7 days, -68.7% over 30 days, -90.3% over 90 days.

Ranking history

tailwindcss-fade npm ranking history: currently #1431 (by weekly downloads).tailwindcss-fadenpm ranking · by weekly downloads · Last 90 days#1431current rank#400#600#800#1000#1200#1400#1600Jul 21Aug 5Aug 20Sep 4Sep 19Oct 4Oct 19rankOct 17, 2026 – Oct 19, 2026 · 3 observations · Updated Oct 17, 2026pluginstats.com
tailwindcss-fade npm ranking history: currently #1431 (by weekly downloads).

Listing placement

All npm2,256 listings · 113 pages · 1,130 shown · page 72, #12 (overall #1,432)
All npm: every listing in weekly downloads order

Listing placement

Tailwind plugins252 listings · 13 pages · page 2, #3 (overall #23)
Tailwind plugins: every listing in weekly downloads order

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 linear 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)
Recent weekly downloads observations for tailwindcss-fade
Date (UTC)Weekly downloadsChange vs. previous
816-39
855+185
670-709
1,379-902
2,2810
2,281+89
2,192+28
2,164-58
2,222+74
2,148+420
1,728+248
1,480-676
2,156-452
2,608—

Similar npm Tailwind plugins plugins

All 20 tailwindcss-fade alternatives

Data 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-fade. First seen Oct 16, 2026; last successful collection Oct 19, 2026. See the methodology.