Watermelon UI
Verified · watermelon.shMCP server by WatermelonCorp · updated · ★ 62
Search free React, Tailwind, and shadcn components, blocks, and dashboards; get installable source. Watermelon UI is published by watermelon.sh from its verified domain in the official MCP Registry.
Last commit 2 days ago
MIT: permissive, fine for commercial use
Clear description, published package or server URL, 62 stars, original repository
No risky patterns in the files we checked
Install Watermelon UI
Built from the published package, never by AIclaude mcp add --transport http watermelon-ui https://mcp.watermelon.sh/mcpRun in your terminal. Add --scope user to use it in every project.
{
"mcpServers": {
"watermelon-ui": {
"url": "https://mcp.watermelon.sh/mcp"
}
}
}Settings, Developer, Edit config. Paste into claude_desktop_config.json and restart.
{
"mcpServers": {
"watermelon-ui": {
"url": "https://mcp.watermelon.sh/mcp"
}
}
}Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project).
{
"servers": {
"watermelon-ui": {
"url": "https://mcp.watermelon.sh/mcp"
}
}
}Add to .vscode/mcp.json. VS Code uses "servers", not "mcpServers".
{
"mcpServers": {
"watermelon-ui": {
"serverUrl": "https://mcp.watermelon.sh/mcp"
}
}
}Add to ~/.gemini/config/mcp_config.json (all projects) or .agents/mcp_config.json (this project).
https://mcp.watermelon.sh/mcpIn ChatGPT: Settings, Connectors, Add custom connector, then paste this URL. Works in any client that supports remote servers.
MCP servers run with your permissions and can read what you give them access to. Some need an API key: check the README and add it under env in the watermelon-ui block.
Security check
ANo download-and-run commands, hidden instructions or signs of sending keys out were found.
Checked automatically: README.md. This looks for known risky patterns and is not a full audit. How grades work
Alternatives to Watermelon UI
All alternatives →Architecture diagrams, explanations and Mermaid source for public GitHub repositories.
Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.
Structured visual plans and PR recaps with diagrams, prototypes, annotations, and sharing
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Make 3D games in Unity Engine with AI. MCP Server + Plugin for Unity Editor and Unity games.
Agent skill that generates beautiful HTML pages for diagrams, diff reviews, plan reviews, slide decks, and data tables
Watermelon UI: common questions
How do I install Watermelon UI?
In Claude Code run claude mcp add --transport http watermelon-ui https://mcp.watermelon.sh/mcp. For Claude Desktop, Cursor and VS Code, paste the config shown above and restart. See the install guides.
Is Watermelon UI the official server?
Watermelon UI is published by watermelon.sh from its verified domain in the official MCP Registry.
Is Watermelon UI free?
The code is published under the MIT licence. The service it connects to may have its own pricing.
Is Watermelon UI safe to use?
It scores 82 of 100. Grades: maintenance A, licence A, quality B. Security check: grade A, no risky patterns found in the files checked. Review the code before you install. How grades work.
What are alternatives to Watermelon UI?
Similar MCP servers: GitDiagram, draw.io, Agent-Native Plan, Figma-Context-MCP.
Does Watermelon UI work with ChatGPT?
Yes. Add its server URL in ChatGPT as a custom connector. See MCP in ChatGPT.
