bansal/pattern.css
CSS only library to fill empty background with beautiful patterns. observed · 2026-08-28
Health v2 · maintenance only
32/100
- Activity 0
- Release rhythm 35
- Longevity 100
Flags: no_releases no_license no_readme
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 2328
- days_rel: n/a
- days_push: 1621
- n_releases_24m: 0
Adoption not part of the score
3932 stars · 108 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
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
library · maturity maintenance
css-framework ui-components theme frontend web-development web-design browser cross-platform css-patterns backgrounds tailwind-plugin bootstrap-compatible no-javascript
2 sources
- homepage: https://bansal.io/pattern-css · fetched 2026-08-29 · 0d8d5b9c8c78
- site_page: https://bansal.io/ · fetched 2026-08-29 · cc39d83617b6
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| bansal/pattern.css | main | 32 |
For agents
markdown · JSON · MCP: product_card(name="bansal/pattern.css")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem