LeaVerou/css3patterns
The popular CSS3 patterns gallery, now on Github :) observed · 2026-08-28
Health v2 · maintenance only
32/100
- Activity 0
- Release rhythm 35
- Longevity 100
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 5555
- days_rel: n/a
- days_push: 1480
- n_releases_24m: 0
Adoption not part of the score
1455 stars · 256 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
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
application · maturity maintenance
css-framework ui-components graphics web-development frontend web-design browser css3 patterns gallery gradients backgrounds web-server
2 sources
- readme: https://github.com/LeaVerou/css3patterns · fetched 2026-08-28 · aa30f0e10866
- homepage: https://leaverou.github.io/css3patterns/ · fetched 2026-08-29 · 0c062368adc2
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| LeaVerou/css3patterns | main | 32 |
For agents
markdown · JSON · MCP: product_card(name="LeaVerou/css3patterns")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem