Skip to content
fabrials/ ui

Made from the registry

Working examples.

Explore the shared interface. Every example uses the same components you install in your own app.

01

A project explorer

Project explorer

One interface. Two ways to interact.

Checking browser…
Select row
WebMCPBrowserPreview
Model Context ProtocolProtocolStable
shadcn/uiInterfaceStable
Fabrials UIInterfacePreview
Chrome DevToolsBrowserStable
6 records
1 / 2
filter_projects({ query: "", category: "Browser" })

Activity 0

Run a tool to see its activity here.

02

A reservation flow

Checking browser…
  1. 1Dates
  2. 2Details
  3. 3Review

Dates

Activity 0

Run a tool to see its activity here.

03

A real MCP connection

Connect to the included demo server, or enter your own CORS-enabled endpoint. The demo supports the current protocol and legacy clients.

Server connection

disconnected

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