JSON UI Renderer
Supports UIby jlex11
Renders structured JSON data into interactive UI components for MCP-enabled clients.
What it does
Transforms raw JSON data into rich, interactive UI elements. It allows MCP servers to return structured data that is automatically rendered as usable interfaces (tables, selectors, etc.) instead of plain text, enhancing the user experience for data-heavy tools.
Key features
- Dynamic UI Rendering: Converts JSON specifications into functional UI components.
- Cloudflare Worker Deployment: Optimized for remote deployment via Cloudflare Workers.
- Component Limits: Built-in constraints (e.g., 100 rows per table) to ensure predictable rendering performance.
- Authentication Support: Optional Bearer token authentication for secure public deployments.
Installation
- Cloudflare Workers: Deploy using the "Deploy to Workers" button in the README or via
npm create cloudflare@latest. - Claude Desktop: Use
mcp-remoteproxy to connect to the deployed Worker URL.
Supported hosts
Confirmed for Claude Desktop (via proxy) and Cloudflare AI Playground.
Quick install
npm create cloudflare@latest -- my-mcp-server --template=cloudflare/ai/demos/remote-mcp-authlessInformation
- Pricing
- free
- Published
- 7/21/2026
- stars
- 0
Categories
Choose your AI client and follow the steps below.
Claude Desktop
{
"mcpServers": {
"calculator": {
"command": "npx",
"args": [
"mcp-remote",
"http://localhost:8787/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.