GH Repository · itmeo
webgradients
180 free CSS3, Figma, Sketch & PSD gradients — plus a JSON dataset for design tools, generators, and AI agents.
- stars
- 2,476
- 30-day movement
- +21/day
- Related entries
- 60
- Connections
- 2
agent-appCSSopen-sourcejsondesign-tokensdatasetbackgrounduicsscss-gradientssketchcolorsgradientfrontendai-agentsdesignfigma-pluginfigmawebdesign
webgradients is a collection of 180 free CSS3 gradients, with versions for Figma, Sketch and PSD, published as open source under the MIT license. It also provides a JSON dataset of the gradients intended for use by design tools, generators, and AI agents, and ships an AGENTS.md file.
Reach for it when you need a ready-made, machine-readable set of curated CSS gradients instead of hand-picking colors yourself.
Use it to
- Copy a gradient's CSS into a web page background
- Import gradients into Figma or Sketch via the provided assets
- Consume the JSON dataset in a design token pipeline
- Feed the gradient data to an AI agent or generator tool
- Extract gradient colors for a PSD design file
For Frontend developers and designers wanting reusable CSS gradients
- Role
- agent-app
- Language
- CSS
- Licence
- MIT
- Forks
- 140
- Last push
- 2026-08-03
topicscss-gradientsdesign-tokens-datasetfigmafrontendai-agents