mcp-ui
UI over MCP. Create next-gen UI experiences with the protocol and SDK!
- 5.2k stars
- 403 forks
- 63 open issues
- Language: TypeScript
- License: Apache-2.0
- updated
Install
git clone https://github.com/MCP-UI-Org/mcp-ui{
"mcpServers": {
"mcp-ui": {
"command": "node",
"args": ["/path/to/mcp-ui/dist/index.js"]
}
}
}{
"mcpServers": {
"mcp-ui": {
"command": "node",
"args": ["/path/to/mcp-ui/dist/index.js"]
}
}
}- Run the command above in your terminal (Claude Code), or paste the JSON config into claude_desktop_config.json (Claude Desktop).
- Replace any <placeholder> values with your API keys or paths.
- Restart Claude. The MCP server and its tools appear automatically.
Clone https://github.com/MCP-UI-Org/mcp-ui and follow its README for install instructions.
Editor's note
The mcp-ui SDK implements the MCP Apps standard, a specification it helped pioneer, to embed interactive web interfaces directly inside MCP tool responses. The server-side packages (`@mcp-ui/server` in TypeScript, `mcp_ui_server` in Ruby, and `mcp-ui-server` in Python) expose a `createUIResource` helper and `registerAppTool`/`registerAppResource` functions that attach HTML interfaces to tool definitions via a `_meta.ui.resourceUri` field using a `ui://` URI scheme and the MIME type `text/html;profile=mcp-app`. When a compatible MCP host calls a tool, it reads that metadata, fetches the resource, and renders it using the `@mcp-ui/client` React component `AppRenderer`, which accepts a sandbox proxy URL, tool input, and tool result as props, plus callbacks for link-opening and cross-frame messaging. A legacy `UIResourceRenderer` component handles older hosts that embed resources inline in tool responses. Frontend developers building MCP-compatible chat interfaces and AI tool authors who want to surface charts, forms, or widgets alongside text responses are the primary audience.
MCP Servers overview
What people ask about mcp-ui
What is MCP-UI-Org/mcp-ui?
MCP-UI-Org/mcp-ui is mcp servers for the Claude AI ecosystem. UI over MCP. Create next-gen UI experiences with the protocol and SDK! It has 5.2k GitHub stars and its last recorded update is dated 2026-09-16.
How do I install mcp-ui?
You can install mcp-ui by cloning the repository (https://github.com/MCP-UI-Org/mcp-ui) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.
Is MCP-UI-Org/mcp-ui safe to use?
Our security agent has analyzed MCP-UI-Org/mcp-ui and assigned a Trust Score of 97/100 (tier: Verified). See the full breakdown of passed checks and flags on this page.
Who maintains MCP-UI-Org/mcp-ui?
MCP-UI-Org/mcp-ui is maintained by MCP-UI-Org. The last recorded GitHub activity is dated 2026-09-16, with 63 open issues.
Are there alternatives to mcp-ui?
Yes. On ClaudeWave you can browse similar mcp servers at /categories/mcp, sorted by popularity or recent activity.