Back to Apps
Remote MCP Sample
Supports UIby tsutsumi389
A reference implementation of a Remote MCP Server with a React-based interactive UI app.
0 stars
1 views
Works in:claude
Exposes:ToolsResources
What it does
Remote MCP Sample demonstrates the integration of a Python-based FastMCP server with a React MCP App. It features an interactive counter and history chart rendered inside a host iframe, enabling bi-directional communication between the LLM and a custom UI.
Key features
- Interactive UI: Renders a real-time counter and data chart via
ui://counterresource. - Bi-directional flow: LLM tools update the UI, and UI buttons trigger server tools.
- Remote Transport: Implements Streamable HTTP for remote server connectivity.
- Theme Integration: UI follows host theme preferences for a seamless experience.
Installation
- Claude Desktop: Add
http://localhost:3001/mcpas a Streamable HTTP server in settings. - Basic Host: Use the
modelcontextprotocol/ext-appsbasic-host example and point to the server URL.
Supported hosts
- claude
Quick install
make devInformation
- Pricing
- free
- Published
- 5/23/2026
- stars
