itmeo/webgradients resource
180 free CSS3, Figma, Sketch & PSD gradients — plus a JSON dataset for design tools, generators, and AI agents. observed · 2026-08-28
Health v2 · maintenance only
75/100
- Activity 95
- 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: 3524
- days_rel: n/a
- days_push: 30
- n_releases_24m: 0
Adoption not part of the score
2472 stars · 141 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A curated collection of 180 free CSS3 gradients for backgrounds and UI, distributed as a CSS file plus Sketch, Photoshop, and Figma formats. It also ships structured JSON datasets of all gradients for use in design tools, generators, and AI agents.
Use cases
- find a nice css gradient background for a landing page
- copy-paste ready-made gradient css into my website
- get gradient color stops as for a design tool
- feed gradient data to an llm or agent
- use gradients inside figma
- build a gradient generator app
- pick a color palette for a hero section
When to choose
- you need production-ready CSS gradient backgrounds quickly
- you want machine-readable gradient data (JSON) for tooling or AI
- you design in Figma, Sketch, or Photoshop and want matching gradient packs
When to avoid
- you need dynamic or programmatically generated gradients rather than curated presets
- you need gradients in formats other than CSS or the provided design-tool packs
- you require advanced gradient features like meshes or conic gradients
Facets
dataset · maturity stable
ui-components css-framework data-generation web-design frontend web-development browser cross-platform css-gradients design-tokens figma-plugin color-palette -dataset ui-design web-server
3 sources
- readme: https://github.com/itmeo/webgradients · fetched 2026-08-28 · b681b2ac08f6
- homepage: https://webgradients.com · fetched 2026-08-29 · 5a260d894ed2
- site_page: https://webgradients.com/about · fetched 2026-08-29 · 61db9666e40d
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| itmeo/webgradients | main | 75 |
For agents
markdown · JSON · MCP: product_card(name="itmeo/webgradients")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem