# LeaVerou/css3patterns

The popular CSS3 patterns gallery, now on Github :)

Repository: https://github.com/LeaVerou/css3patterns
Canonical: https://ross.abutalabs.com/products/css3patterns
Homepage: https://leaverou.github.io/css3patterns/
Language: HTML
License: MIT
License Family: permissive
Last push: 2022-08-14T09:51:23+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 5555, "days_push": 1480, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1455, forks 256 (observed 2026-08-28T04:04:46.817201+00:00)

## What it is
A gallery of pure CSS3 background patterns built with gradients, originally created by Lea Verou in 2010. It showcases editable code snippets for decorative backgrounds that reduce HTTP requests compared to image-based patterns.

## Use cases
- find css background patterns without images
- copy css gradient pattern code for my website
- make striped or checkered backgrounds with pure css
- reduce http requests by replacing background images with css
- learn advanced css gradient techniques
- browse a gallery of css3 pattern examples

## When to choose
- you need lightweight decorative backgrounds without image assets
- you want to learn what's possible with css gradients
- you need patterns compatible with modern browsers

## When to avoid
- you need complex illustrations or photographic textures
- you require support for very old browsers like IE9
- you want a maintained library of pattern utilities rather than a static gallery

## Facets
- artifact type: application
- maturity: maintenance
- function: css-framework, ui-components, graphics
- domain: web-development, frontend, web-design
- platform: browser
- tags: css3, patterns, gallery, gradients, backgrounds, web-server

## Member repositories
- LeaVerou/css3patterns (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:46.817201+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-30T04:35:37.769601+00:00, confidence not recorded.
  - readme: https://github.com/LeaVerou/css3patterns (fetched 2026-08-28T04:04:46.817201+00:00, sha aa30f0e10866)
  - homepage: https://leaverou.github.io/css3patterns/ (fetched 2026-08-29T11:44:37.805763+00:00, sha 0c062368adc2)
- Data as of 2026-08-30T08:39:29.467469+00:00.