Agents / WebMCP
WebMCP provider
Give your interface a shared home for tools, state and agent activity.
Registry
Project explorer
Interactive demo · shared state for people and agents.
Checking browser…
| Select row | |||
|---|---|---|---|
| WebMCP | Browser | Preview | |
| Model Context Protocol | Protocol | Stable | |
| shadcn/ui | Interface | Stable | |
| Fabrials UI | Interface | Preview |
1–4 of 6 records
1 / 2
Simulated tool
filter_projects({ query: "", category: "Browser" })Run the tool to filter the table to Browser projects. The result will appear here.
Installation
Add the registry entry to your app.
npx shadcn@latest add @fabrials/webmcp-providerWithout the named registry, use the address:
https://ui.fabrials.com/r/webmcp-provider.json
API reference
| Prop / export | Type | Description |
|---|---|---|
children | ReactNode | Wrap the interactive area of your page. |
Behavior
Registrations are scoped to component lifetime. Human controls work in browsers without WebMCP. Native registration failures are exposed through useWebMCP().error.
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.