Skip to content
AI Marketplaces Leaderboard

Gradient Builder

Claude connectorCommunity

Turn a mood or a few colours into a finished gradient, then edit and export it free as PNG, SVG, CSS or a looping MP4.

View in Claude directory

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

#2107of 7,29410places up24h24places down7d
#1,950#2,254#2,558#2,862Sep 27Oct 3Oct 9Oct 15Oct 21Oct 26

Rank by trending score

#2158of 3,07232places down24h839places down7d
#1#594#1,187#1,780Sep 27Oct 3Oct 9Oct 15Oct 21Oct 26

Popularity score

7,907+4324h+3687d
1,7643,4405,1166,792Sep 27Oct 3Oct 9Oct 15Oct 21Oct 26

Trending score

11,906024h−5,7017d
0262,825525,650788,475Sep 27Oct 3Oct 9Oct 15Oct 21Oct 26

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
Order by

All 1,320 Developer tools connectors

Creative193rd of 533 by popularity · 187th of 263 by trending score
Order by

All 539 Creative connectors

Productivity1,099th of 4,005 by popularity · 1,164th of 1,642 by trending score
Order by

All 4,049 Productivity connectors

Tools

  • create_gradient
  • find_colors
  • get_presets
  • list_styles
Categories
Made by
Sarthak N · Website
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