watermeloncorp/ui · typescript · MIT
Search and retrieve installable source code for free React, Tailwind, and shadcn components, blocks, and dashboards.
Also known as WatermelonCorp/watermelon-platform, ui
- Stars
- 221
- Tools
- —
- Downloads, 30 days
- —
- Latest version
- 2.0.0
- Last commit
- Nov 14, 2026
- License
- MIT
What is Watermelon UI MCP?
Watermelon UI searches and retrieve installable source code for free React, Tailwind, and shadcn components, blocks, and dashboards.
Summary generated from the project's README
How to install Watermelon UI MCP
Formats verified 10 Nov 2026Install Watermelon UI MCP in Claude Code
$ claude mcp add --transport http ui https://mcp.watermelon.sh/mcpInstall Watermelon UI MCP in Cursor
~/.cursor/mcp.json
{
"mcpServers": {
"ui": {
"url": "https://mcp.watermelon.sh/mcp"
}
}
}Install Watermelon UI MCP in VS Code
.vscode/mcp.json
{
"servers": {
"ui": {
"type": "http",
"url": "https://mcp.watermelon.sh/mcp"
}
}
}Install Watermelon UI MCP in Codex
~/.codex/config.toml
[mcp_servers.ui] url = "https://mcp.watermelon.sh/mcp"
Install Watermelon UI MCP in Gemini CLI
~/.gemini/settings.json
{
"mcpServers": {
"ui": {
"httpUrl": "https://mcp.watermelon.sh/mcp"
}
}
}No environment variables or API keys required.Setup guides:Claude CodeCursorVS CodeClaude Desktop
Watermelon UI MCP questions
How do I add Watermelon UI MCP to Claude Code?
Run claude mcp add --transport http ui https://mcp.watermelon.sh/mcp in your terminal. Add --scope user to make it available in every project.
How do I add Watermelon UI MCP to Cursor?
Open ~/.cursor/mcp.json and add the server under mcpServers, using the Cursor config shown in the install section above.