Renders dashboards, forms and tables inline in the chat as Angular Material components (MCP App).
ngx-json-render UI MCP Server runs hosted, so there is nothing to install on your machine. The command below adds it to Claude Code, and the configs below connect Claude Desktop, Cursor and VS Code straight to the hosted endpoint.
Install
claude mcp add --transport http ngx-json-render-ui https://ngx-json-render.angular-generative-ui-chat.workers.dev/mcpHosted server
https://ngx-json-render.angular-generative-ui-chat.workers.dev/mcpThis server runs hosted, so there is no local process to install. The command above adds it to Claude Code, and the client configs below connect Claude Desktop, Cursor, and VS Code straight to the hosted endpoint. Any sign-in the server needs happens when you first connect.
Install with your client
claude mcp add --transport http ngx-json-render-ui https://ngx-json-render.angular-generative-ui-chat.workers.dev/mcp
Run this in a terminal to add the server to Claude Code.
What this does
ngx-json-render UI exposes a set of tools to Claude over the Model Context Protocol. It runs as a hosted server, so once you add it with the command above, those tools become callable inside any conversation, with nothing running on your machine.
Frequently asked questions
How do I install ngx-json-render UI?
ngx-json-render UI runs hosted, so there is nothing to install locally. The command on this page adds it to Claude Code, and the client configs connect straight to the hosted endpoint at https://ngx-json-render.angular-generative-ui-chat.workers.dev/mcp.
Which clients work with ngx-json-render UI?
This page carries setup and config for Claude Code, Claude Desktop, Cursor and VS Code. Any other MCP client that accepts a standard server config can connect to ngx-json-render UI as well.
Does ngx-json-render UI need an API key?
This listing does not ask for an API key or any environment variables.
Imported from the Official MCP Registry. The details above come from the registry entry; the maker can claim this listing to correct them, add docs, and see its traffic.
Is this your MCP server?
Claim this listing to see its traffic, fix details yourself, and skip the review queue on future updates.
Add this badge to your README
Show visitors this server is listed in the ClaudeRules directory. The badge links straight to this listing.
[](https://clauderules.net/mcp/io-github-shteynu-ngx-json-render-ui)<a href="https://clauderules.net/mcp/io-github-shteynu-ngx-json-render-ui" target="_blank" rel="noopener noreferrer"><img src="https://clauderules.net/api/badge/io-github-shteynu-ngx-json-render-ui" alt="Listed on clauderules.net" /></a>More DevTools MCP servers
GitHub
Connect AI assistants to GitHub - manage repos, issues, PRs, and workflows through natural language.
Serena MCP: the IDE for your agent
A powerful toolkit for coding, providing semantic retrieval and editing capabilities.
Figma-Context-MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Inbox Zero
Search Gmail and Outlook, save drafts, manage email rules, and view email stats.