PluginStatstailwindcss-shadcn-utilities weekly downloads statistics
By programming-with-ia (2 listings) · npm · Tailwind plugins
A Tailwind CSS plugin to generate custom color utilities for background and foreground.
tailwindcss-shadcn-utilities has 7 recorded weekly downloads on npm, a decrease of 30.0% over the past 30 days.
It ranks #1987 of 2,251 tracked npm listings by weekly downloads.
Over 90 days, weekly downloads changed by +250%.
PluginStats has 543 daily observations since Apr 23, 2025; the latest is from Oct 17, 2026.
About tailwindcss-shadcn-utilities
tailwindcss-shadcn-utilities
A plugin for Tailwind CSS v3.2+ that provides utility classes for combining background and foreground colors based on ShadCN themes. This allows you to apply consistent color combinations for elements like buttons, cards, popovers, and more with a single CSS class.
Installation
Install the plugin from npm:
Then add the plugin to your tailwind.config.js file:
Usage
After adding the plugin, you can use the following utility classes to apply both background and foreground colors in one go:
| ~~Normal Use~~ | with tailwindcss-shadcn-utilities |
| bg-card text-card-foreground | card | | bg-popover text-popover-foreground | popover | | bg-primary text-primary-foreground | primary | | bg-secondary text-secondary-foreground | secondary | | bg-muted text-muted-foreground | muted | | bg-accent text-accent-foreground | accent | | bg-destructive text-destructive-foreground | destructive |
Example
These utility classes will automatically apply both background and text colors based on the ShadCN UI theme.
License
tailwindcss-shadcn-utilities is open-source and licensed under the MIT License.
Description from the npm listing.
- plugin
- tailwind
- tailwindcss
- tailwindcss-plugin
- color-utilities
- tailwindcss-shadcn-utilities
- shadcn-utilites
- utilites
- shadcn
- shadcn-tailwind-plugin
Where tailwindcss-shadcn-utilities sits in the listing
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.
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
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.
Recent observations
Full history (543)Similar npm Tailwind plugins plugins
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-shadcn-utilities. First seen Oct 16, 2026; last successful collection Oct 18, 2026. See the methodology.