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.

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

#2523of 11,06541places down24h175places down7d
#2,033#2,167#2,301#2,435Oct 17Oct 23Oct 29Nov 4Nov 10Nov 15

Rank by trending score

#4154of 4,15657places down24h574places down7d
#212#1,288#2,364#3,440Oct 17Oct 23Oct 29Nov 4Nov 10Nov 15

Popularity score

8,214−1024h+447d
7,3937,6207,8478,074Oct 17Oct 23Oct 29Nov 4Nov 10Nov 15

Trending score

1,428−30324h−3,7577d
08,03316,06624,099Oct 17Oct 23Oct 29Nov 4Nov 10Nov 15

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

All 1,998 Developer tools connectors

Creative236th of 832 by popularity · 347th of 347 by trending scoreAll 838 Creative connectors
Productivity1,318th of 6,074 by popularity · 2,231st of 2,231 by trending scoreAll 6,129 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