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
Tools
4

exposed by this connector

Movement

From our daily snapshots over the last 30 days.

Rank by popularity

#3062of 3,279—24h—7d

Not enough data points to chart.

Rank by trending score

—not ranked—24h—7d
—

Popularity score

2,322—24h—7d

Not enough data points to chart.

Trending score

——24h—7d
—

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 tools526th of 560 by popularity · not ranked by trending score
Order by

All 570 Developer tools connectors

Creative209th of 222 by popularity · not ranked by trending score
Order by

All 229 Creative connectors

Productivity1,620th of 1,746 by popularity · not ranked by trending score
Order by

All 1,774 Productivity connectors

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

  • 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