UI over MCP. Create next-gen UI experiences with the protocol and SDK!
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.
- ✓Open-source license (Apache-2.0)
- ✓Recently active
- ✓Healthy fork ratio
- ✓Clear description
- ✓Topics declared
- ✓Mature repo (>1y old)
git clone https://github.com/MCP-UI-Org/mcp-ui{
"mcpServers": {
"mcp-ui": {
"command": "node",
"args": ["/path/to/mcp-ui/dist/index.js"]
}
}
}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 4.9k GitHub stars and was last updated 1mo ago.
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 100/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 from 1mo ago, with 56 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.
Deploy mcp-ui to your cloud
Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.
Maintain this repo? Add a badge to your README
Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.
[](https://claudewave.com/repo/mcp-ui-org-mcp-ui)<a href="https://claudewave.com/repo/mcp-ui-org-mcp-ui"><img src="https://claudewave.com/api/badge/mcp-ui-org-mcp-ui" alt="Featured on ClaudeWave: MCP-UI-Org/mcp-ui" width="320" height="64" /></a>More MCP Servers
Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.
User-friendly AI Interface (Supports Ollama, OpenAI API, ...)
An open-source AI agent that brings the power of Gemini directly into your terminal.
The fastest path to AI-powered full stack observability, even for lean teams.
🕷️ An adaptive Web Scraping framework that handles everything from a single request to a full-scale crawl!
⭐AI-driven public opinion & trend monitor with multi-platform aggregation, RSS, and smart alerts.🎯 告别信息过载，你的 AI 舆情监控助手与热点筛选工具！聚合多平台热点 + RSS 订阅，支持关键词精准筛选。AI 智能筛选新闻 + AI 翻译 + AI 分析简报直推手机，也支持接入 MCP 架构，赋能 AI 自然语言对话分析、情感洞察与趋势预测等。支持 Docker ，数据本地/云端自持。集成微信/飞书/钉钉/Telegram/邮件/ntfy/bark/slack 等渠道智能推送。