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.
Gradient Builder is #2,523 of 11,065 Claude connectors by popularity, down 175 places in a week. It is #4,154 of 4,156 by trending score, down 574 places in a week.
- 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 tools435th of 1,980 by popularity · 727th of 728 by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 433 | 8,238 | 8,450 #553 | 78places up | |
| 434 | 8,219 | — | 142places down | |
| 435 | 8,214 | 1,428 #727 | 175places down | |
| 436 | 8,214 | 7,609 #590 | 186places down | |
| 437 | 8,209 | 17,576 #271 | 134places down |
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 724 | 2,281 | 8,615 #387 | 363places down | |
| 725 | 2,121 | 13,198 #76 | 371places down | |
| 726 | 1,742 | 8,945 #360 | 433places down | |
| 727 | 1,428 | 8,214 #435 | 574places down | |
| 728 | 1,053 | 9,087 #345 | 432places 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