Skip to content
Agents / Foundation

MCP client

Connect to the current protocol, with isolated legacy compatibility.

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-client

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

API reference

Prop / exportTypeDescription
connect(ConnectionOptions) => Promise<void>Endpoint, authentication and version selection.
run(name, args) => Promise<unknown>Call a tool and record its execution.
disconnect() => Promise<void>Close streams and clear connection data.

Behavior

Uses official SDK v2 with auto negotiation, preferring 2026-07-28. Network failures are not treated as proof of an old server. Tasks, Skills and MCP Apps extensions are not advertised.

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.