MCP-UI SDK
Supports UIby mcp-ui-org
Interactive web components for the Model Context Protocol, enabling rich, dynamic UI resources from servers.
What it does
MCP UI allows MCP servers to deliver interactive web components directly to a client. Instead of plain text, servers can send UIResource payloads (HTML, URLs, or Remote DOM scripts) that the client renders in a sandboxed iframe, enabling dynamic dashboards, interactive forms, and rich visualizations within the AI chat interface.
Key features
- Multi-Transport Rendering: Supports inline HTML, external URLs via
text/uri-list, and high-fidelity Remote DOM scripts. - Bi-directional Interaction: UI components can trigger tool calls, intents, or notifications back to the AI agent via the
onUIActionevent. - Cross-Language Support: Provides full SDKs for both TypeScript and Ruby.
- Sandboxed Execution: Ensures security by rendering all remote content within isolated iframes.
Installation
TypeScript
npm install @mcp-ui/server @mcp-ui/client
Ruby
gem install mcp_ui_server
Supported hosts
- Claude Desktop
- Custom MCP Hosts (via @mcp-ui/client)
Quick install
npm install @mcp-ui/server @mcp-ui/clientInformation
- Pricing
- free
- Published
- 4/3/2026
- stars
- 0
Categories
Choose your AI client and follow the steps below.
npm
npm install @mcp-ui/server @mcp-ui/clientRelated Apps
FinanceToolkit
MCP ServerProfessional-grade financial analysis toolkit for equities, options, and risk management.
DiffSitter MCP
MCP ServerAI-powered structural code navigation using tree-sitter ASTs for semantic understanding across 14+ languages.
OpenAI Apps SDK Examples
MCP AppOfficial example gallery of interactive MCP widgets for ChatGPT — 3D viewers, maps, carousels, shopping carts, and more.
Human MCP
MCP ServerGive AI agents human-like senses: visual analysis, image/video generation, speech synthesis, browser automation, and advanced reasoning — 29 MCP tools in one se
Shopify MCP Server
MCP ServerDirect interaction with Shopify store data via GraphQL API for managing products, customers, and orders.
Git MCP Server
MCP ServerFull-featured Git MCP server exposing 28 tools for AI agents to clone, commit, branch, diff, merge, rebase, and more via STDIO or Streamable HTTP.
CodexPotter
MCP ServerAutonomous reconciliation loop that drives Codex to align your codebase with instructed states.
Smart Coding MCP
MCP ServerSemantic code search for AI assistants using local embeddings — find code by meaning, not just keywords.