MCP Apps Demo

Interactive AI Apps in Chat

Rich UI components that render directly in the chat sidebar. Powered by the MCP Apps Extension (SEP-1865) with bidirectional communication.

Airline Booking

Search flights, select seats, and complete bookings with a full wizard experience

Hotel Booking

Browse hotels, compare rooms, and book accommodations in cities worldwide

Investment Simulator

Build portfolios, execute trades, and track performance with live charts

Kanban Board

Manage projects with drag-drop cards, columns, and task tracking

How It Works

Each app renders in a sandboxed iframe within the chat. The UI communicates with the MCP server via JSON-RPC over postMessage, enabling real-time interactions like selecting flight seats, booking hotel rooms, or executing trades.

MCP Server: cd mcp-server && npm run dev