MCP App TypeScript Template
Supports UIby pomerium
Production-ready starter kit for building MCP Apps with React widgets and Node.js servers.
What it does
This template provides a professional architecture for building Model Context Protocol (MCP) Apps. It renders interactive React widgets within the chat interface, allowing for high-fidelity data visualization and user interaction that goes beyond simple text responses.
Key features
- Interactive Widgets: Build rich UI components using React and Tailwind CSS v4.
- Flexible Display Modes: Supports inline, picture-in-picture, and fullscreen rendering modes.
- Capability Negotiation: Automatically falls back to text-only for clients that do not support UI widgets.
- Built-in Mocking: Includes
createMockApp()for rapid development in Storybook without a live server.
Installation
- Claude Desktop: Use the server build and add to
claude_desktop_config.json. - ChatGPT: Add the server URL (via ngrok/Pomerium) to Settings → Connectors.
Supported hosts
- claude
- chatgpt
- vscode-copilot
- cursor
- goose
Quick install
git clone https://github.com/pomerium/mcp-app-typescript-template && cd mcp-app-typescript-template && npm installInformation
- Pricing
- free
- Published
- 8/5/2026
- stars
- 0
Categories
Choose your AI client and follow the steps below.
ChatGPT
Add the remote server URL + /mcp to ChatGPT Connectors.Claude Desktop
Configure as a stdio server in claude_desktop_config.jsonRelated 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
Containarium
MCP ServerSelf-hostable agent runtime with SSH-native isolation, eBPF egress policy, and MCP-native CLI.
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.