Skip to content
Fabrials UI
Agents / MCP

MCP dashboard

A complete working console, composed from the registry.

Registry
Loading state

Server connection

disconnected

Direct connections stay in your browser. The endpoint must allow CORS. Use the optional server connector for private credentials.

Installation

  1. Add the registry entry to your app.

    npx shadcn@latest add @fabrials/mcp-dashboard

    Without the named registry, use the address: https://ui.fabrials.com/r/mcp-dashboard.json

API reference

Prop / exportTypeDescription
defaultEndpointstring?Initial endpoint for the connection panel.

Behavior

Includes its own MCPProvider. Use MCPDashboardContent inside an existing provider when you need to share the connection.

Accessibility

Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.