MCP Apps Demo
Supports UIby donghaozhang
A demonstration of MCP Apps featuring an interactive UI for time retrieval via MCP protocol.
What it does
MCP Apps Demo showcases the capability of Model Context Protocol (MCP) Apps to render a functional user interface that interacts with an MCP server. It provides a web-based UI that allows users to trigger a get-time tool and see the result rendered directly in the application.
Key features
- Interactive UI: A dedicated HTML/TS interface for calling MCP tools.
- Resource Serving: Demonstrates how to serve bundled HTML as an MCP resource.
- Cloud Ready: Includes a Dockerfile for deployment to Google Cloud Run.
- Full-Stack Demo: Includes both the MCP server implementation and the client app logic.
Installation
Clone the repository and install dependencies:
pnpm install
Build the app:
pnpm build
Run the server:
pnpm serve
Supported hosts
- Claude Desktop
Quick install
pnpm install && pnpm build && pnpm serveInformation
- Pricing
- free
- Published
- 4/24/2026
- stars
- 0
Categories
Choose your AI client and follow the steps below.
Claude Desktop
Configure the server URL in your MCP settings to serve the bundled HTML resource.Related Apps
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.
Recall
MCP ServerPersistent cross-session memory for Claude and AI agents. Self-host on Redis/Valkey or use the managed cloud at recallmcp.com — free tier available.
GFS (Git For database Systems)
MCP ServerSafe database version control for AI coding agents and developers with instant rollbacks and branching.