AI Rank
EN
← 开源
itmeo

webgradients

180 free CSS3, Figma, Sketch & PSD gradients — plus a JSON dataset for design tools, generators, and AI agents.

ListsDataset collectionsCSS
在 GitHub 打开
增长势头
+124 小时新增 Star+0.0%
2.49k
Star
146
Fork
+5
本周
4
贡献者
创建于 2017-01-08 · 更新于 2026-10-15 · 今日第 5032 名
主要开发者
kayvazovalexanderisoradimabraven

itmeo/webgradients 排名第 5,032，有 2,492 个星标。

同类别比较

itmeo/webgradients 排名第 5,032，此处有 8 个同类条目；TsinghuaC3I/Awesome-RL-for-LRMs 排名第 5,031。

同类别比较
名称排名指标
LangLangShanDeNanKe/chatgpt4,998
星标数:
2,602
分叉数:
199
简介:
ChatGPT网址导航，分享免费好用AI网站！
mbzuai-oryx/Awesome-LLM-Post-training5,008
语言:
Python
星标数:
2,577
分叉数:
174
简介:
Awesome Reasoning LLM Tutorial/Survey/Guide
ANative-Lab/Awesome-Self-Evolving-Agents5,025
星标数:
2,504
分叉数:
199
简介:
📖 A Comprehensive Survey of Self-Evolving AI Agents: A New Paradigm Bridging Foundation Models and Lifelong Agentic Systems
TsinghuaC3I/Awesome-RL-for-LRMs5,031
语言:
TeX
星标数:
2,494
分叉数:
138
简介:
A Survey of Reinforcement Learning for Large Reasoning Models
AI-Efficiency/Awesome-Model-Quantization5,041
星标数:
2,456
分叉数:
241
简介:
A curated collection of papers, benchmarks, surveys, and tools for model quantization, covering low-bit networks, LLMs, multimodal and generative models, vector and lattice quantization, and efficient deployment.
slavakurilyak/awesome-ai-agents5,045
语言:
Go
星标数:
2,447
分叉数:
636
简介:
Awesome list of 300+ agentic AI resources
eon01/awesome-chatgpt5,053
星标数:
2,407
分叉数:
219
简介:
🧠 A curated list of awesome ChatGPT resources, including libraries, SDKs, APIs, and more. 🌟 Please consider supporting this project by giving it a star.
zebbern/no-cost-ai5,077
星标数:
2,341
分叉数:
307
简介:
80+ free AI services for chat, image, video, voice & APIs (may sometimes include access to lead gen ai models for free)
关键参数与规格
关键参数与规格
参数值
语言CSS
类别Lists
子类别Dataset collections
关键词Datasets, Design, Webdev
星标数2,492
分叉数146
贡献者4
创建日期2017-01-08
更新日期2026-10-15
1 天星标数1
7 天星标数5
排名5,032
上次排名8,637
排名变化3,605
7 天星标排名5,472
上次 7 天星标排名6,034
7 天星标排名变化562
总星标排名5,290
上次总星标排名5,283
总星标排名变化-7
README 摘录

Figma Plugin Install the WebGradients Figma plugin to use all 180 gradients directly inside Figma. Browser Compatibility Some gradients use the CSS property. It is supported by the majority of modern browsers. View full compatibility list (view on Caniuse) » You can learn more about here (view on MDN) » License WebGradients is created under the MIT license.

常见问题

记录了多少星标和分叉？

itmeo/webgradients 有 2,492 个星标和 146 个分叉。

仓库排名是多少？

itmeo/webgradients 排名第 5,032。

记录的语言和类别是什么？

itmeo/webgradients 有 2,492 个星标，语言为 CSS，类别为 Lists。

哪个仓库排名最接近？

itmeo/webgradients 与 TsinghuaC3I/Awesome-RL-for-LRMs 比较，后者排名第 5,031，有 2,494 个星标。

README

WebGradients

If you like WebGradients, consider supporting the project — it helps keep the tools free, fast, and ad-free.

A curated collection of 180 splendid gradients made in CSS3, .sketch, .PSD and Figma formats — free for personal and commercial use. View all the gradients here »

Made by Dima Braven · itmeo

Machine-readable data

All 180 gradients are also available as structured JSON — useful for design tools, generators, or feeding gradient data to an LLM/agent:

{
  "name": "Warm Flame",
  "index": "001",
  "deg": 45,
  "group": ["#F9AFAD"],
  "gradient": [
    { "color": "#ff9a9e", "pos": 0 },
    { "color": "#fad0c4", "pos": 100 }
  ]
}

deg is the CSS gradient angle, group is the dominant color(s), gradient is the ordered list of color stops (pos in %).

Figma Plugin

Install the WebGradients Figma plugin to use all 180 gradients directly inside Figma.

How To Use

  1. Download the file webgradients.css.
  2. Place the file in your project folder.
  3. Link the file in the `` of your document.

  
    
  
  ...

Browser Compatibility

Some gradients use the background-blend-mode CSS property. It is supported by the majority of modern browsers. View full compatibility list (view on Caniuse) »

You can learn more about background-blend-mode here (view on MDN) »

License

WebGradients is created under the MIT license.

排名相邻
同类项目