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 tools350th of 1,310 by popularity · 356th of 543 by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 348 | 7,925 | 20,213 #189 | 103places down | |
| 349 | 7,913 | 8,179 #431 | 150places down | |
| 350 | 7,907 | 11,906 #356 | 24places down | |
| 351 | 7,895 | — | 135places down | |
| 352 | 7,895 | — | 164places down |
Creative193rd of 533 by popularity · 187th of 263 by trending score
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 185 | 12,000 | 5,858 #286 | 100places down | |
| 186 | 11,975 | 11,366 #71 | 360places down | |
| 187 | 11,906 | 7,907 #193 | 839places down | |
| 188 | 11,830 | 4,585 #352 | 35places down | |
| 189 | 11,815 | 8,362 #170 | 353places up |
Productivity1,099th of 4,005 by popularity · 1,164th of 1,642 by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 1097 | 7,913 | 16,699 #845 | 145places down | |
| 1098 | 7,913 | 8,179 #1395 | 150places down | |
| 1099 | 7,907 | 11,906 #1164 | 24places down | |
| 1100 | 7,901 | 11,469 #1199 | 124places down | |
| 1101 | 7,901 | 30,061 #369 | 45places down |
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 1162 | 11,975 | 11,366 #466 | 360places down | |
| 1163 | 11,913 | 11,298 #470 | 947places down | |
| 1164 | 11,906 | 7,907 #1099 | 839places down | |
| 1165 | 11,883 | 12,863 #298 | 288places up | |
| 1166 | 11,883 | 16,404 #79 | 225places 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