{"name":"mcp-ui: Building Interactive UIs for AI with Model Context Protocol","description":"mcp-ui is an SDK that enables the creation of rich, interactive user interfaces for AI tools, built on the Model Context Protocol (MCP). It standardizes UI delivery over the protocol, allowing developers to craft next-gen UI experiences. This project provides client and server SDKs in multiple languages, making it easier to integrate dynamic UIs into AI applications.","github":"https://github.com/idosal/mcp-ui","url":"https://osrepos.com/repo/idosal-mcp-ui","source":"osrepos.com","sourceDescription":"This repository profile is provided by osrepos.com, an open source repository discovery platform.","repositoryProfile":"https://osrepos.com/repo/idosal-mcp-ui","generatedFor":"open source discovery and AI-assisted research","markdown":"https://osrepos.com/repo/idosal-mcp-ui.md","json":"https://osrepos.com/repo/idosal-mcp-ui.json","topics":["ai","frontend","llm","mcp","ui","web","typescript","sdk"],"keywords":["ai","frontend","llm","mcp","ui","web","typescript","sdk"],"stars":null,"summary":"mcp-ui is an SDK that enables the creation of rich, interactive user interfaces for AI tools, built on the Model Context Protocol (MCP). It standardizes UI delivery over the protocol, allowing developers to craft next-gen UI experiences. This project provides client and server SDKs in multiple languages, making it easier to integrate dynamic UIs into AI applications.","content":"## Introduction\n\nmcp-ui pioneered the concept of interactive UI over the [Model Context Protocol (MCP)](https://modelcontextprotocol.io/introduction){target=\"_blank\"}, enabling rich web interfaces for AI tools. This SDK implements the [MCP Apps standard](https://github.com/modelcontextprotocol/ext-apps){target=\"_blank\"}, which standardizes UI delivery over the protocol. It allows developers to create dynamic UI resources that can be rendered by MCP Apps Hosts, significantly enhancing user interaction with AI agents.\n\nThe project offers `@mcp-ui/server` and `@mcp-ui/client` for TypeScript, alongside server SDKs for Ruby (`mcp_ui_server`) and Python (`mcp-ui-server`). These tools empower developers to build next-generation UI experiences that seamlessly integrate with the MCP ecosystem.\n\n## Installation\n\nGetting started with `mcp-ui` is straightforward, with SDKs available for multiple programming languages.\n\n### TypeScript\n\nInstall the client and server packages using your preferred package manager:\n\nbash\nnpm install @mcp-ui/server @mcp-ui/client\n\n# or pnpm\npnpm add @mcp-ui/server @mcp-ui/client\n\n# or yarn\nyarn add @mcp-ui/server @mcp-ui/client\n\n\n### Ruby\n\nInstall the Ruby server gem:\n\nbash\ngem install mcp_ui_server\n\n\n### Python\n\nInstall the Python server package:\n\nbash\npip install mcp-ui-server\n\n# or uv\nuv add mcp-ui-server\n\n\n## Examples\n\n`mcp-ui` provides a variety of examples to help you understand its capabilities and integrate it into your projects.\n\n### Client Examples\n\n*   [Goose](https://github.com/block/goose){target=\"_blank\"}: An open-source AI agent that supports `mcp-ui`.\n*   [LibreChat](https://github.com/danny-avila/LibreChat){target=\"_blank\"}: An enhanced ChatGPT clone with `mcp-ui` support.\n*   [ui-inspector](https://github.com/idosal/ui-inspector){target=\"_blank\"}: A tool to inspect local `mcp-ui`-enabled servers.\n*   [MCP-UI Chat](https://github.com/idosal/scira-mcp-ui-chat){target=\"_blank\"}: An interactive chat application built with the `mcp-ui` client.\n\n### Server Examples\n\n*   [TypeScript Server Demo](https://github.com/MCP-UI-Org/mcp-ui/tree/main/examples/typescript-server-demo){target=\"_blank\"}: A simple TypeScript server demonstrating how to generate UI resources.\n*   [Ruby Server Demo](https://github.com/MCP-UI-Org/mcp-ui/tree/main/examples/ruby-server-demo){target=\"_blank\"}: A barebones demo server showcasing the use of `mcp_ui_server` and `mcp` gems.\n*   [Python Server Demo](https://github.com/MCP-UI-Org/mcp-ui/tree/main/examples/python-server-demo){target=\"_blank\"}: A simple demo server illustrating the use of the `mcp-ui-server` Python package.\n\n## Why Use mcp-ui?\n\n`mcp-ui` offers compelling advantages for developers looking to enhance their AI applications with rich user interfaces:\n\n*   **Interactive AI Experiences:** Transform static AI responses into dynamic, interactive user interfaces, significantly enhancing user engagement and utility.\n*   **Standardized UI Delivery:** Leverage the MCP Apps specification for consistent UI integration across various AI hosts, ensuring broad compatibility.\n*   **Multi-language Support:** Develop UI resources using TypeScript, Ruby, or Python, catering to diverse development environments and preferences.\n*   **Broad Host Compatibility:** `@mcp-ui` supports both modern MCP Apps hosts and legacy MCP-UI hosts, with specialized adapters available for platforms like ChatGPT, ensuring your UIs work where they are needed.\n*   **Robust Security:** All remote code is executed within sandboxed iframes, prioritizing host and user security by isolating UI content.\n*   **Extensible Architecture:** The SDK supports various content types, including HTML and remote-DOM, and is designed for future expansion with component libraries and declarative UI, providing a future-proof solution.\n\n## Links\n\nExplore `mcp-ui` further through its official channels:\n\n*   **GitHub Repository:** [https://github.com/MCP-UI-Org/mcp-ui](https://github.com/MCP-UI-Org/mcp-ui){target=\"_blank\"}\n*   **Official Documentation:** [https://mcpui.dev](https://mcpui.dev){target=\"_blank\"}\n*   **Discord Community:** [https://discord.gg/CEAG4KW7ZH](https://discord.gg/CEAG4KW7ZH){target=\"_blank\"}","metrics":{"detailViews":6,"githubClicks":10},"dates":{"published":null,"modified":"2026-03-02T20:06:09.000Z"}}