Watermelon UI

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

Should I use this

Quality & Safety

A
Description quality
94%
Schema completeness
73%
Naming quality
95%
Poisoning risk
100%
Permission match
100%
Protocol compliance
100%

Findings (1)

  • LOWTool 'get_inspiration' description lacks action verbin get_inspiration

Based on automated analysis of tool definitions and protocol compliance.

Context Cost

~989Tokens (tool definitions)
~792 BTypical response size
Moderate attention impact (0.77% of 128k context)

This is the approximate number of tokens consumed each time the server's tools are loaded into a model's context. Higher counts reduce the attention available for other tasks.

Install

One-Click Install

Add this to your `claude_desktop_config.json` file:

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

Remote endpoints

https://mcp.watermelon.sh/mcpstreamable-http

What it can do

Tool inventory

Tools (8)

🟢 Read-only🟡 Write🔴 Delete⚪ Unknown
🟢search(query, kinds, category, limit)

Search the complete Watermelon UI catalog across components, animated components, blocks, dashboards, and templates.

Input Schema

{
  "type": "object",
  "properties": {
    "query": {
      "type": "string",
      "minLength": 1,
      "description": "Natural-language UI need, such as \"animated pricing card\"."
    },
    "kinds": {
      "type": "array",
      "items": {
        "type": "string",
        "enum": [
          "components",
          "animated-components",
          "blocks",
          "dashboards",
          "templates"
        ]
      }
    },
    "category": {
      "type": "string"
    },
    "limit": {
      "type": "integer",
      "minimum": 1,
      "maximum": 50
    }
  },
  "required": [
    "query"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}
🟢get_component(slug, kind)

Get a Watermelon entry with preview, dependencies, install command, and source files when an installable registry item is available.

Input Schema

{
  "type": "object",
  "properties": {
    "slug": {
      "type": "string",
      "minLength": 1
    },
    "kind": {
      "type": "string",
      "enum": [
        "components",
        "animated-components",
        "blocks",
        "dashboards",
        "templates"
      ]
    }
  },
  "required": [
    "slug"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}
🟢get_inspiration(prompt, kinds, limit)

Return 3-6 visually relevant Watermelon UI options for a design goal before choosing an implementation.

Input Schema

{
  "type": "object",
  "properties": {
    "prompt": {
      "type": "string",
      "minLength": 1
    },
    "kinds": {
      "type": "array",
      "items": {
        "type": "string",
        "enum": [
          "components",
          "animated-components",
          "blocks",
          "dashboards",
          "templates"
        ]
      }
    },
    "limit": {
      "type": "integer",
      "minimum": 3,
      "maximum": 6
    }
  },
  "required": [
    "prompt"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}
🟢compose_page(prompt, sections)

Create a source-backed page plan by selecting compatible Watermelon blocks for each requested section.

Input Schema

{
  "type": "object",
  "properties": {
    "prompt": {
      "type": "string",
      "minLength": 1
    },
    "sections": {
      "maxItems": 8,
      "type": "array",
      "items": {
        "type": "string",
        "minLength": 1
      }
    }
  },
  "required": [
    "prompt"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}
🟢list_categories(kind)

List Watermelon UI categories and accurate entry counts, optionally for one catalog kind.

Input Schema

{
  "type": "object",
  "properties": {
    "kind": {
      "type": "string",
      "enum": [
        "components",
        "animated-components",
        "blocks",
        "dashboards",
        "templates"
      ]
    }
  },
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}
🟢catalog_summary

Return top-level Watermelon catalog counts across content types.

Input Schema

{
  "type": "object",
  "properties": {},
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}
🟢list_catalog_entries(kind, category, query, limit)

Compatibility alias for listing Watermelon entries by kind.

Input Schema

{
  "type": "object",
  "properties": {
    "kind": {
      "type": "string",
      "enum": [
        "components",
        "animated-components",
        "blocks",
        "dashboards",
        "templates"
      ]
    },
    "category": {
      "type": "string"
    },
    "query": {
      "type": "string"
    },
    "limit": {
      "type": "integer",
      "minimum": 1,
      "maximum": 50
    }
  },
  "required": [
    "kind"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}
🟢get_catalog_entry(kind, slug)

Compatibility alias for getting one Watermelon entry by kind and slug.

Input Schema

{
  "type": "object",
  "properties": {
    "kind": {
      "type": "string",
      "enum": [
        "components",
        "animated-components",
        "blocks",
        "dashboards",
        "templates"
      ]
    },
    "slug": {
      "type": "string",
      "minLength": 1
    }
  },
  "required": [
    "kind",
    "slug"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}

Community

Rate this Server

Evidence

Recent observations

verifiedversion not recorded8 tools