LibreAI / Agents / webgradients
// agents Β· itmeo/webgradients

webgradients

180 free gradients for CSS, Figma, and Sketch, plus a dataset for AI agents.

πŸ’Ž Hidden gemβ˜… 2.5k starsβ‘‚ 142 forksMITupdated 2026-08
β–¦ visual β€” this project's README ships no embeddable screenshot,
so here's a placeholder. The guide below is complete regardless.
// project facts

Project facts

webgradients is an open-source agents project by itmeo (itmeo/webgradients on GitHub). It has 2,486 GitHub stars and 142 forks, is released under the MIT license, and was last updated on GitHub on 3 August 2026.

GitHub stars
2,486
Forks
142
License
MIT
Last updated on GitHub
3 August 2026
Category
Agents
Listing
Hidden gem β€” a shorter page for a lesser-known project
Official site
Official site
// how it works

How it works

  1. Browse the collection

    Explore 180 gradients on the site.

  2. Pick your favorite

    Preview on real layouts.

  3. Copy the CSS

    Paste straight into your project.

  4. Or use the dataset

    Feed the JSON to tools and agents.

// features

Why people love it

180 gradients

Curated and ready to use.

CSS3 ready

Copy-paste code snippets.

Figma and Sketch

Design-tool formats included.

JSON dataset

Machine-readable for agents.

Free forever

MIT licensed, no catch.

Agent-friendly

Let AI pick your palette.

Advertisement
// run it

Run it yourself

  1. Step 1 β€” Clone the repo

    Download the source and move into the project folder.

    git clone https://github.com/itmeo/webgradients.git
    cd webgradients
  2. Step 2 β€” Check the README

    Every project documents its own setup; start with install requirements.

    cat README.md | head -60
  3. Step 3 β€” Run it

    Follow the project’s launch command β€” Docker, pip, npm, or a binary release.

    # see README for the exact launch command
// use cases

What you can build

Advertisement
// faq

Questions, answered

Who maintains WebGradients?

It is an open project at itmeo/webgradients with 142 forks.

Is it free for commercial use?

Yes. MIT licensed.

Which formats are included?

CSS3, Figma, Sketch, PSD, plus a JSON dataset.

Can I contribute gradients?

Check the repo for contribution guidance.

How do AI agents use it?

Through the machine-readable JSON dataset of all gradients.

// keep exploring

Similar tools

AI Agents

awesome-llm-apps

100+ AI Agents, Agent Skills and RAG Apps - Free and Open Source.

β˜… 140.6k starsApache-2.0
View guide β†’
AI Agents

system-prompts-and-models-of-ai-tools

FULL Augment Code, Claude Code, Cluely, CodeBuddy, Comet, Cursor, Devin AI, Junie, Kiro, Leap.new, Lovable, Manus, NotionAI, Orchids.app, Perplexity, Poke, Q…

β˜… 144.0k starsGPL-3.0
View guide β†’
AI Agents

prompts.chat

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source β€” self-host for your organization with complete…

β˜… 171.9k starsUnknown
View guide β†’
Agents

css

A markup-driven CSS orchestration language for developers and AI agents.

β˜… 1.9k starsMIT
View guide β†’
AI Agents

BrowserOS

Open-source agentic browser your AI agents drive with your logins, plus an AI browser for humans.

β˜… 13.8k starsAGPL-3.0
View guide β†’
Agents

TuyaOpen

AI-plus-IoT framework bringing AI agents to ESP32 and Tuya chips.

β˜… 1.9k starsCustom
View guide β†’
// alternatives

Alternatives in Agents

The most-starred other Agents projects in the LibreAI catalogue β€” the realistic shortlist if webgradients is not the right fit.

Get webgradients

Free and open β€” grab the source, star the repo, and start creating.