Xzero UI library ↗

Xzero UI for your AI tools

Browse the complete Free and Pro library, read source and documentation, and get install commands. Public access. No account or API key required.

Streamable HTTP endpoint

https://mcp.xzero.co.uk/mcp

Codex

codex mcp add xzero-ui --url https://mcp.xzero.co.uk/mcp

Claude Code

claude mcp add --transport http xzero-ui https://mcp.xzero.co.uk/mcp

Cursor · .cursor/mcp.json

{
  "mcpServers": {
    "xzero-ui": {
      "url": "https://mcp.xzero.co.uk/mcp"
    }
  }
}

VS Code · .vscode/mcp.json

{
  "servers": {
    "xzero-ui": {
      "type": "http",
      "url": "https://mcp.xzero.co.uk/mcp"
    }
  }
}

Claude Desktop

Open Settings → Connectors → Add custom connector, name it Xzero UI, and enter the endpoint above. Claude connects through its remote connector service.

Install components

Add both registries to your project’s components.json:

{
  "registries": {
    "@xzero-ui": "https://mcp.xzero.co.uk/r/{name}.json",
    "@xzero-ui-pro": "https://mcp.xzero.co.uk/r/pro/{name}.json"
  }
}
npx shadcn@4.23.0 add @xzero-ui/xzero-foundation @xzero-ui/button @xzero-ui-pro/dock

Import @/components/xzero/foundation.css once. For bundled photos, fonts and logos:

curl -fsS https://mcp.xzero.co.uk/install-assets.mjs -o xzero-install-assets.mjs
node xzero-install-assets.mjs .

Available tools

list_components · search_components · get_component · get_install_command · get_skill

Installation guide · Agent skills