ngx-json-render UI
Renders dashboards, forms and tables inline in the chat as Angular Material components (MCP App).
Connect it
Settings → Connectors → Add custom connector
URL: https://ngx-json-render.vercel.app/mcpSettings → Apps & Connectors → Advanced → Developer mode
Create connector with URL: https://ngx-json-render.vercel.app/mcp{
"mcpServers": {
"ngx-json-render-ui": {
"url": "https://ngx-json-render.vercel.app/mcp"
}
}
}claude mcp add --transport http ngx-json-render-ui https://ngx-json-render.vercel.app/mcp{
"servers": {
"ngx-json-render-ui": {
"type": "http",
"url": "https://ngx-json-render.vercel.app/mcp"
}
}
}1 tools, verified live
render-uiread-onlyRender an interactive Angular Material UI inline in the chat. Pass `spec`: one complete json-render spec object (not JSON Patch lines). The input schema lists every component, its props and allowed values, and every action; use only those. - `root` is the key of the top element. `elements` is a flat map of key → { type, props, children: [child keys] }; every child key must exist in `elements`. -
Alternatives in Developer Tools
Compare →TLTldrawA
Draw and visually collaborate with your agents on tldraw's canvas.
KLKorean Law MCPA
Korean law: statutes, precedents, ordinances, treaties and citation verification (법제처 API).
EMemailmdA
Render markdown into email-safe HTML, lint drafts for deliverability problems, and preview emails.
SESemioticA
Verified React chart generation: select, validate, repair, render, and inspect charts through MCP.
RRReactive ResumeA
Free open-source resume builder with remote MCP tools for resumes and job applications.
PAPg AiguideA
Comprehensive PostgreSQL documentation and best practices, including ecosystem tools