ngx-json-render UI

Name: ngx-json-render UI
Author: shteynu

shteynu

Get started Repository Website & docs

Renders dashboards, forms and tables inline in the chat as Angular Material components (MCP App).

Setup

Choose your client, copy the config, then fill in any required environment variables.

Add to Cursor Add to VS Code

claude mcp add --transport http ngx-json-render-ui https://ngx-json-render.vercel.app/mcp

~/.codex/config.toml

[mcp_servers.ngx-json-render-ui]
url = "https://ngx-json-render.vercel.app/mcp"

# codex mcp add ngx-json-render-ui --url https://ngx-json-render.vercel.app/mcp

~/.cursor/mcp.json

{
  "mcpServers": {
    "ngx-json-render-ui": {
      "url": "https://ngx-json-render.vercel.app/mcp"
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "ngx-json-render-ui": {
      "type": "http",
      "url": "https://ngx-json-render.vercel.app/mcp"
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "ngx-json-render-ui": {
      "httpUrl": "https://ngx-json-render.vercel.app/mcp"
    }
  }
}

claude_desktop_config.json · Customize › Connectors › Add custom connector

{
  "mcpServers": {
    "ngx-json-render-ui": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://ngx-json-render.vercel.app/mcp"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "ngx-json-render-ui": {
      "url": "https://ngx-json-render.vercel.app/mcp"
    }
  }
}

Setup

Related