Skip to content
fabrials/ ui

Foundation

MCP client

Connect to the current protocol, with isolated legacy compatibility.

Server connection

disconnected

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

Installation

Terminal
bunx shadcn@latest add https://ui.fabrials.com/r/mcp-client.json

API

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 & compatibility

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

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 fully keyboard operable.