React MCP Server

MCP server for HeroUI component documentation via Model Context Protocol

Local serverstdio

What is the React MCP Server?

MCP server for HeroUI component documentation via Model Context Protocol

What it actually does

Model Context Protocol (MCP) servers for the HeroUI design system. Access HeroUI component documentation directly in your AI assistant.

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

How to install the React MCP Server

{
  "mcpServers": {
    "react-1": {
      "command": "npx",
      "args": ["-y", "@heroui/react-mcp"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Example prompts to try

  • “Use React to MCP.”
  • “Use React to Installation.”

Frequently asked questions

MCP server for HeroUI component documentation via Model Context Protocol Confirm the tools offered by your installed version in the connected client. Tool availability and permissions depend on the server and account configuration.