WebMCP
WebMCP provider
Give your interface a shared home for tools, state and agent activity.
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
Terminal
bunx shadcn@latest add https://ui.fabrials.com/r/webmcp-provider.jsonAPI
| Prop / export | Type | Description |
|---|---|---|
| children | ReactNode | Wrap the interactive area of your page. |
Behavior & compatibility
Registrations are scoped to component lifetime. Human controls work in browsers without WebMCP. Native registration failures are exposed through useWebMCP().error.
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.