Skip to content
PluginStats

tailwindcss-pattern weekly downloads statistics

By bansal · npm · Tailwind plugins

A tailwindcss plugin to add beautiful background patterns

View on npm Fresh · Oct 17, 2026

tailwindcss-pattern has 43 recorded weekly downloads on npm, an increase of 72.0% over the past 30 days.

It ranks #1745 of 2,251 tracked npm listings by weekly downloads.

Over 90 days, weekly downloads changed by +59.3%.

PluginStats has 543 daily observations since Apr 23, 2025; the latest is from Oct 17, 2026.

Weekly downloads
43
Official API · Oct 17, 2026
7-day growth
+26.5%
+9 weekly downloads
30-day growth
+72.0%
+18 weekly downloads
90-day growth
+59.3%
+16 weekly downloads
Rank
#1745
Among tracked npm listings

About tailwindcss-pattern

tailwindcss-pattern

Tailwindcss plugin to add beautiful background patterns.

Features

• 11 background patterns. • Use existing tailwind colors and extend with new colors. • Change pattern on hover. • responsive variants. • dark mode support.

Installation

Add the plugin to your tailwind.config.js file:

Usage

Minimal example:

Example with tailwind colors:

Change pattern size: Predefined sizes: are sm md lg and xl and you can use custom sizes like 2rem 12px etc.

Try on Playground: Tailwindcss Patterns Playground

Pattern Classes

| Class |

|pattern-checks| |pattern-grid| |pattern-dots| |pattern-cross-dots| |pattern-diagonal-lines| |pattern-horizontal-lines| |pattern-vertical-lines| |pattern-diagonal-stripes| |pattern-horizontal-stripes| |pattern-vertical-stripes| |pattern-triangles| |pattern-zigzag|

LICENSE

MIT

Description from the npm listing.

  • tailwind
  • tailwindcss
  • css
  • pattern
  • tailwindcss-plugin
  • tailwindcss-pattern
  • background

Where tailwindcss-pattern 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.

All npm2,248 listings · 113 pages · page 88, #6 (overall #1746)
All npm: every listing in weekly downloads order
PNG SVG
Tailwind plugins251 listings · 13 pages · page 4, #8 (overall #68)
Tailwind plugins: every listing in weekly downloads order
PNG SVG

Charts

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

Adoption over time

tailwindcss-pattern weekly downloads on npm, last 90 days: 43 weekly downloads as of Oct 17, 2026, +59.3% over 90 days.tailwindcss-patternWeekly downloads on npm · Last 90 days43downloads / week+59.3% over 90 days01020304050Jul 19Aug 3Aug 18Sep 2Sep 17Oct 2Oct 17downloads / weekobservedarchived (Internet Archive)no observationsJul 20, 2026 – Oct 17, 2026 · 90 observations · Updated Oc…pluginstats.com
tailwindcss-pattern weekly downloads on npm, last 90 days: 43 weekly downloads as of Oct 17, 2026, +59.3% over 90 days.
PNG SVG

7/30/90-day growth

tailwindcss-pattern weekly downloads growth on npm: +26.5% over 7 days, +72.0% over 30 days, +59.3% over 90 days.tailwindcss-patternWeekly downloads growth on npm43downloads / week now7-day growth+9 weekly downloads+26.5%30-day growth+18 weekly downloads+72.0%90-day growth+16 weekly downloads+59.3%Growth vs. nearest observation to each baseline date · Updated Oct 17, 2026pluginstats.com
tailwindcss-pattern weekly downloads growth on npm: +26.5% over 7 days, +72.0% over 30 days, +59.3% over 90 days.
PNG SVG

Ranking history

tailwindcss-pattern npm ranking history: currently #1745 (by weekly downloads).tailwindcss-patternnpm ranking · by weekly downloads · Last 90 days#1745current rank#600#800#1000#1200#1400#1600#1800Jul 20Aug 4Aug 19Sep 3Sep 18Oct 3Oct 18rankOct 17, 2026 – Oct 18, 2026 · 2 observations · Updated Oct 17, 2026pluginstats.com
tailwindcss-pattern npm ranking history: currently #1745 (by weekly downloads).
PNG SVG

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)
Recent weekly downloads observations for tailwindcss-pattern
Date (UTC)Weekly downloadsChange vs. previous
430
43+24
19-5
24-22
460
46+13
33-1
34-1
35-2
370
37+17
20-8
28-4
32—

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