WebMCP + MCP 2026-07-28Built for people.
Built for people.
Ready for agents.
Components for a web we use together.
Accessible interfaces, structured tools, and shared state. Built on shadcn. Yours to shape.
A shared interface01 / architecture
People
Agents
Your componentsReact + shadcn
Your application stateOne source of truth
See it in action
Same components.
Shared context.
Filter the table yourself, or try a structured tool call. Both update the same interface, through the same application logic.
How WebMCP worksTerminal
bunx shadcn@latest add https://ui.fabrials.com/r/webmcp-provider.jsonProject explorer
One interface. Two ways to interact.
Checking browser…
| Select row | |||
|---|---|---|---|
| WebMCP | Browser | Preview | |
| Model Context Protocol | Protocol | Stable | |
| shadcn/ui | Interface | Stable | |
| Fabrials UI | Interface | Preview |
6 records
1 / 2
filter_projects({ query: "", category: "Browser" })The collection
Small pieces. Real possibilities.
Agent-ready interactions
Forms, filters, tables and multi-step flows. Familiar to people. Explicit to agents.
Explore WebMCP
A window into your tools
Discover tools, inspect results, and follow execution. Bring your own MCP server.
Explore MCP components
Your code, your decisions
Copy what you need. Adapt every detail. No opaque runtime or hosted dependency.
Install from the registry
Start with a working example.
A data explorer, a reservation flow, and a live MCP console.