Gradient Builder
Claude connectorCommunityTurn a mood or a few colours into a finished gradient, then edit and export it free as PNG, SVG, CSS or a looping MP4.
- Tools
- 4
exposed by this connector
Movement
From our daily snapshots over the last 30 days.
Rank by popularity
Not enough data points to chart.
Rank by trending score
Popularity score
Not enough data points to chart.
Trending score
In its categories
How this connector compares with others in the same category. Positions are counted within the category, not across the whole directory.
Developer tools526th of 560 by popularity · not ranked by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 523 | 2,322 | — | ||
| 524 | 2,322 | 298places down | ||
| 525 | 2,322 | — | ||
| 526 | 2,322 | — | ||
| 527 | 2,322 | — | ||
| 528 | 2,322 | — | ||
| 529 | 2,322 | — |
This connector isn’t ranked by trending score, so the category’s top connectors are shown instead.
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 1 | 295,964 | — | ||
| 2 | 265,438 | 56places up | ||
| 3 | 183,079 | 18places up | ||
| 4 | 167,886 | 140places up | ||
| 5 | 165,814 | 44places up | ||
| 6 | 149,997 | 43places up | ||
| 7 | 147,888 | — |
Creative209th of 222 by popularity · not ranked by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 206 | 2,585 | — | ||
| 207 | 2,585 | — | ||
| 208 | 2,322 | — | ||
| 209 | 2,322 | — | ||
| 210 | 2,322 | — | ||
| 211 | 2,000 | — | ||
| 212 | 2,000 | 350places down |
This connector isn’t ranked by trending score, so the category’s top connectors are shown instead.
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 1 | 347,882 | 125places up | ||
| 2 | 255,511 | — | ||
| 3 | 233,632 | 29places down | ||
| 4 | 112,524 | — | ||
| 5 | 106,544 | 11places up | ||
| 6 | 106,358 | 7places down | ||
| 7 | 93,224 | 10places down |
Productivity1,620th of 1,746 by popularity · not ranked by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 1617 | 2,322 | 298places down | ||
| 1618 | 2,322 | — | ||
| 1619 | 2,322 | 339places down | ||
| 1620 | 2,322 | — | ||
| 1621 | 2,322 | 339places down | ||
| 1622 | 2,322 | — | ||
| 1623 | 2,322 | — |
This connector isn’t ranked by trending score, so the category’s top connectors are shown instead.
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 1 | 10,472,303 | — | ||
| 2 | 8,116,794 | 33places up | ||
| 3 | 1,451,594 | 4places down | ||
| 4 | 1,126,136 | — | ||
| 5 | 956,807 | — | ||
| 6 | 842,156 | — | ||
| 7 | 757,948 | — |
Gradient Builder makes gradients from a description or a handful of colours. Ask for "a calm sunset background for my phone" or "a dark animated hero section like the northern lights", and Claude picks the colours and a style, then gives you a link. The link opens the finished gradient in the free Gradient Builder studio at feralui.dev, where you can adjust it and export it as PNG, JPG, SVG, CSS or a looping MP4.
What you can ask for:
- A gradient in any of 27 styles, including Mesh, Aurora, Silk, Flow, Glassy, Prism and Mist. Many of them animate.
- Colours from an archive of 102 traditional Japanese colours, searchable by name, colour family or nearest hex code
- Any of 62 ready-made gradients to open and remix
- A canvas shape: square, portrait, story (9:16) or wide (16:9), with optional film grain
- Ready-to-paste CSS for linear and radial gradients
No account, sign-in or payment needed. The connector is read-only: it receives only the colours, style and title Claude sends, and never sees your messages, files or identity.
Tools
- create_gradient
- find_colors
- get_presets
- list_styles
- Categories
- Sign-in
- Not required
- Connector URL
- https://feralui.dev/mcp?src=claude
- Transport
- Streamable HTTP
- Works with
- Claude, Claude API, Claude Code, Claude Desktop
- Added
- September 25, 2026
- More info