Watermelon

Overview

Watermelon UI is a free, open-source React UI platform from WatermelonCorp that pairs visual previews with source-backed code. Its public catalog holds 849 entries: 516 components, 131 animated components, 189 blocks, 12 dashboards and a full template, all built for Tailwind CSS and shadcn/ui and offered under the MIT license with no sign-up.

Code can be copied from the site or installed with the shadcn CLI, so the source ends up in the project. The platform is also set up for AI agents: a hosted MCP server with no API key, an llms.txt site guide, a read-only public catalog API with an OpenAPI spec, and public repositories for the platform and registry.

Features

• Components: 516 entries such as budget cards, calendar widgets, command search, dialog stacks, dock, signature pad and editable chips.
• Animated components: 131 interaction-heavy React examples.
• Blocks: 189 landing page and product sections for realistic page compositions.
• Dashboards and templates: 12 dashboard layouts plus a full template showing blocks working together.
• Hosted MCP server: Tools for search, get_inspiration, get_component, compose_page and list_categories at mcp.watermelon.sh.
• Public API: Read-only catalog summary and entry endpoints documented in OpenAPI.
• Open source: Platform and registry source live on GitHub under WatermelonCorp and accept pull requests.

Tech stack

• React
• Tailwind CSS, shadcn/ui

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @watermelon/component-name