Categories › Software Development › Frontend, UI components & design-to-code
Search free React, Tailwind, and shadcn components, blocks, and dashboards; get installable source.
Remote server: your requests and data go to mcp.watermelon.sh. Claude Code: claude mcp add --transport http watermelon-ui https://mcp.watermelon.sh/mcp · Claude app: Settings → Connectors → Add custom connector.
The tools this server listed when we connected to it, in its own words.
search — Search the complete Watermelon UI catalog across components, animated components, blocks, dashboards, and templates.get_component — Get a Watermelon entry with preview, dependencies, install command, and source files when an installable registry item is available.get_inspiration — Return 3-6 visually relevant Watermelon UI options for a design goal before choosing an implementation.compose_page — Create a source-backed page plan by selecting compatible Watermelon blocks for each requested section.list_categories — List Watermelon UI categories and accurate entry counts, optionally for one catalog kind.catalog_summary — Return top-level Watermelon catalog counts across content types.list_catalog_entries — Compatibility alias for listing Watermelon entries by kind.get_catalog_entry — Compatibility alias for getting one Watermelon entry by kind and slug.Not tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.