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

#2274of 8,95341places down24h146places down7d
#2,029#2,096#2,163#2,230Oct 6Oct 12Oct 18Oct 24Oct 30Nov 4

Rank by trending score

#3109of 3,551178places down24h812places down7d
#1#856#1,711#2,566Oct 6Oct 12Oct 18Oct 24Oct 30Nov 4

Popularity score

8,119+524h+1477d
6,5897,0077,4257,843Oct 6Oct 12Oct 18Oct 24Oct 30Nov 4

Trending score

7,403−1,01124h−3,9927d
0262,937525,874788,811Oct 6Oct 12Oct 18Oct 24Oct 30Nov 4

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

All 1,632 Developer tools connectors

Creative212th of 665 by popularity · 253rd of 296 by trending score
Order by

All 679 Creative connectors

Productivity1,183rd of 4,952 by popularity · 1,691st of 1,913 by trending score
Order by

All 5,028 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