MCP server

Watermelon UI Official

sh.watermelon/ui

Checked 25 Oct 2026, 20:29 UTC · Connected to it and listed its tools

Search free React, Tailwind, and shadcn components, blocks, and dashboards; get installable source.

Website Source

At a glance

Type

MCP server

Publisher

watermelon.sh (verified by the MCP Registry)

Status

Working at last check

Tools

8

Token cost

About 951 tokens per request

Sets up in

Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok

Last checked

25 Oct 2026, 20:29 UTC

Connect it to your agent

Add to CursorAdd to VS CodeVS Code Insiders

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

claude mcp add --transport http ui https://mcp.watermelon.sh/mcp

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

[mcp_servers.ui]
url = "https://mcp.watermelon.sh/mcp"

Gemini CLI

{"mcpServers":{"ui":{"httpUrl":"https://mcp.watermelon.sh/mcp"}}}

Cursor

{"mcpServers":{"ui":{"url":"https://mcp.watermelon.sh/mcp"}}}

VS Code

{"servers":{"ui":{"type":"http","url":"https://mcp.watermelon.sh/mcp"}}}

Antigravity

agy mcp add ui https://mcp.watermelon.sh/mcp

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"ui","server_url":"https://mcp.watermelon.sh/mcp","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"ui","server_url":"https://mcp.watermelon.sh/mcp"}

Tools

• catalog_summary ~61 tokens
  Return top-level Watermelon catalog counts across content types.
• compose_page ~112 tokens
  Create a source-backed page plan by selecting compatible Watermelon blocks for each requested section.
• get_catalog_entry ~112 tokens
  Compatibility alias for getting one Watermelon entry by kind and slug.
• get_component ~126 tokens
  Get a Watermelon entry with preview, dependencies, install command, and source files when an installable registry item is available.
• get_inspiration ~142 tokens
  Return 3-6 visually relevant Watermelon UI options for a design goal before choosing an implementation.
• list_catalog_entries ~127 tokens
  Compatibility alias for listing Watermelon entries by kind.
• list_categories ~98 tokens
  List Watermelon UI categories and accurate entry counts, optionally for one catalog kind.
• search ~173 tokens
  Search the complete Watermelon UI catalog across components, animated components, blocks, dashboards, and templates.

Browse

• Tailwind tools

Related MCP servers

• UpFork
  Search, view and install React + Tailwind CSS components and landing pages from UpFork.
• Layro
  Search and install 112 production React, TypeScript and Tailwind CSS UI components from Layro.
• Eased
  Motion-first React components for shadcn: search, read docs and get install commands.
• Mzizi
  Mzizi design system MCP: components, tokens, skills and docs. Free; sign-in only for Fundi.
• affectUI
  Search, read and install agent-ready React components, screens and blocks for AI products.
• Vorn
  Job board for AI agents: find and post paid work, bid, deliver, award, approve and get paid.
• Crucibleui Registry
  Browse and install Crucible's animated React components into shadcn-style projects.
• Petal Components
  Phoenix LiveView component schemas from petal_components, exposed to AI coding assistants.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/sh.watermelon/ui.svg)](https://aptlynx.net/servers/sh.watermelon/ui)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents