# bansal/pattern.css

CSS only library to fill empty background with beautiful patterns.

Repository: https://github.com/bansal/pattern.css
Canonical: https://ross.abutalabs.com/products/patterncss
Homepage: https://bansal.io/pattern-css
Language: HTML
License Family: other
Topics: css, css3, css-framework, patterns, frontend, ui, bootstrap
Last push: 2022-03-26T13:15:42+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 2328, "days_push": 1621, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license, no_readme
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 3932, forks 108 (observed 2026-08-28T04:08:30.014409+00:00)

## What it is
A CSS-only library that fills empty backgrounds with beautiful patterns like checks, grids, dots, and stripes using utility classes. It weighs under 1kb gzipped and works with any framework including Tailwind CSS and Bootstrap.

## Use cases
- add background patterns to a website with pure css
- fill empty hero section backgrounds with dots or stripes
- use css background patterns with tailwind or bootstrap
- lightweight css pattern library under 1kb
- customize pattern colors using currentColor
- choose pattern sizes like small medium large extra large

## When to choose
- you want tiny, dependency-free CSS background patterns
- you use Tailwind CSS or Bootstrap and want drop-in pattern classes
- you need patterns that inherit text color via currentColor

## When to avoid
- you need complex, multi-color or image-based background designs
- you want actively developed features or guaranteed license terms
- you need SVG or canvas-based generative patterns

## Facets
- artifact type: library
- maturity: maintenance
- function: css-framework, ui-components, theme
- domain: frontend, web-development, web-design
- platform: browser, cross-platform
- tags: css-patterns, backgrounds, tailwind-plugin, bootstrap-compatible, no-javascript

## Member repositories
- bansal/pattern.css (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:08:30.014409+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:24:40.281804+00:00, confidence not recorded.
  - homepage: https://bansal.io/pattern-css (fetched 2026-08-29T09:18:25.684746+00:00, sha 0d8d5b9c8c78)
  - site_page: https://bansal.io/ (fetched 2026-08-29T09:18:25.687450+00:00, sha cc39d83617b6)
- Data as of 2026-08-30T08:39:29.467469+00:00.