OpenGenUI MCP
Supports UIby adner
Turns natural-language descriptions into interactive HTML/JS UI components using the AG-UI protocol.
What it does
OpenGenUI MCP is an MCP Apps server that transforms a text description into a fully functional, interactive HTML/JS UI component. It leverages a LangGraph deep agent over the AG-UI protocol to generate visual components and renders them as sandboxed views within the MCP host.
Key features
- Generative UI: Converts natural language into interactive visualizations.
- Sandboxed Execution: Renders components in a secure iframe.
- AG-UI Integration: Driven by the OpenGenerativeUI agent for high-quality component logic.
- Multi-Host Support: Works across various MCP-compliant hosts including Microsoft 365 Copilot.
Installation
- Claude Desktop: Add the HTTP endpoint
http://localhost:3101/mcpto your config. - VS Code Copilot: Add to
mcp.json:
{
"servers": {
"opengen-ui": { "type": "http", "url": "http://localhost:3101/mcp" }
}
}
Supported hosts
- Claude
- VS Code Copilot
- Microsoft 365 Copilot
Quick install
npm install opengen-ui-mcpInformation
- Pricing
- free
- Published
- 6/3/2026
- stars
- 0
Categories
Choose your AI client and follow the steps below.
Claude Desktop
Add http://localhost:3101/mcp to your mcpServers configuration.VS Code Copilot
{
"servers": {
"opengen-ui": { "type": "http", "url": "http://localhost:3101/mcp" }
}
}Related Apps
TomTom MCP Server
MCP AppTomTom's full location stack in your AI client — geocoding, routing, traffic, POI search, and interactive map rendering via MCP.
APS MCP App
MCP AppInteractive 3D design viewer for Autodesk Construction Cloud — browse projects, preview Revit models, and inspect elements via MCP App UI.
Infographic MCP App
MCP AppRenders hand-drawn AntV Infographic diagrams — lists, sequences, timelines, and architecture visuals — directly inside your AI chat.
Chuk MCP UI
MCP App68 standalone MCP UI views — charts, maps, tables, forms and more — each a self-contained HTML app communicating with LLMs via the ext-apps protocol.
Visuals MCP
MCP AppRender rich interactive data visualisations inside VS Code Copilot — sortable tables, image galleries, master-detail views, tree views, and drag-and-drop lists.
Interactive Drawer
MCP AppExcalidraw MCP app — lets any LLM create interactive diagrams with a live browser viewer your users can edit and export.
Nabab
MCP AppInteractive Bayesian network viewer with exact inference, probability sliders, evidence toggling, and MCP server for LLM integration.
ChemCP
MCP AppInteractive 2D molecular structure viewer from SMILES notation, powered by RDKit.js inside Claude.