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.
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
- 4
exposed by this connector
Movement
From our daily snapshots over the last 30 days.
Rank by popularity
Rank by trending score
Popularity score
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 tools392nd of 1,608 by popularity · 516th of 623 by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 390 | 8,129 | — | 18places down | |
| 391 | 8,129 | 12,590 #374 | 45places down | |
| 392 | 8,119 | 7,403 #516 | 146places down | |
| 393 | 8,114 | 23,118 #176 | 84places down | |
| 394 | 8,093 | — | 221places down |
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 514 | 7,474 | 5,755 #713 | 552places down | |
| 515 | 7,413 | 7,022 #509 | 508places down | |
| 516 | 7,403 | 8,119 #392 | 812places down | |
| 517 | 7,401 | 8,672 #318 | 277places down | |
| 518 | 7,400 | 11,178 #139 | 362places down |
Creative212th of 665 by popularity · 253rd of 296 by trending score
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 251 | 7,464 | 6,109 #308 | 511places down | |
| 252 | 7,430 | 7,426 #244 | 984places down | |
| 253 | 7,403 | 8,119 #212 | 812places down | |
| 254 | 7,227 | 10,641 #103 | 258places down | |
| 255 | 7,211 | 9,858 #128 | 1,485places down |
Productivity1,183rd of 4,952 by popularity · 1,691st of 1,913 by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 1181 | 8,129 | 12,590 #1312 | 45places down | |
| 1182 | 8,129 | 5,852 #1777 | 149places down | |
| 1183 | 8,119 | 7,403 #1691 | 146places down | |
| 1184 | 8,103 | 12,576 #1315 | 139places down | |
| 1185 | 8,103 | 9,688 #1544 | 172places down |
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 1689 | 7,413 | 7,768 #1294 | 240places down | |
| 1690 | 7,413 | 7,022 #1536 | 508places down | |
| 1691 | 7,403 | 8,119 #1183 | 812places down | |
| 1692 | 7,401 | 8,672 #1017 | 277places down | |
| 1693 | 7,401 | 6,615 #1715 | 256places down |
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
- Sponsorship
- Promote this connector