MCP

Integrating MCP with Hex UI lets you control it via AI.

Adding the Model Context Protocol (MCP) allows AI coding assistants to access the Hex UI registry directly.

Instead of searching through documentation or looking up component names, the AI can automatically discover and install the components your project needs.

Installation

  1. Enable MCP in your project environment (Claude Code, Cursor, and other compatible clients are supported).
pnpm dlx shadcn@latest mcp init
  1. Add the registry to your components.json file.
{  "registries": {    "@hex": "https://hexui.sh/r/{name}.json"  }}

Usage

You can now ask your AI coding assistant to install components from the registry.

Examples:

  • "Replace the current hero section with a cleaner version from Hex UI"
  • "Create a sponsor section using the Social Proof components from Hex UI."
  • "Find and add a login form from Hex UI."

Learn more

To learn more about using the shadcn MCP server, including manual setup for different clients, please visit the official documentation:

https://ui.shadcn.com/docs/mcp