Connect the ReUI MCP server to OpenCode and build UI from the ReUI registry by chat.
Connect OpenCode to ReUI in one step and build UI from the ReUI registry directly in chat.
Create or update opencode.json in your project root:
{
"$schema": "https://opencode.ai/config.json",
"mcp": {
"reui": {
"type": "remote",
"url": "https://mcp.reui.io",
"enabled": true
}
}
}If OpenCode does not prompt, start authentication with opencode mcp auth reui.
The first time OpenCode calls a ReUI tool, your browser opens a "Sign in with ReUI" prompt. Authorize it and you are connected. If you do not have a ReUI account yet, a free one is created for you right in that flow, so there is no separate signup step.
For headless or CI setups where no browser is available, create a personal token at reui.io/account/mcp and pass it as an Authorization: Bearer header.
OpenCode runs locally, so add the ReUI skill with a single command:
curl -fsSL https://mcp.reui.io/install | node -This drops a ReUI skill file into your project so OpenCode follows ReUI's build workflow (discovering components, pulling source, and assembling blocks the way ReUI intends) instead of guessing.
Describe the interface you want in plain language and OpenCode pulls the right ReUI components, examples, and blocks from the registry, then wires them into your project.
Use ReUI to scaffold an admin app - the app-shell with a collapsible sidebar and top bar, and a dashboard page with stat cards and a chart.Add a data-grid of orders with sorting, column filters, pagination, and row selection, wired to my /api/orders endpoint.Build a multi-step "create project" wizard with the ReUI stepper and form components, with validation on each step.Add a kanban board for support tickets with drag and drop, grouped by status, and a filters bar above it.Free items (the 17 components and every c-* example) install with no license. To let OpenCode install premium blocks, icons, and templates too, grab a Pro or Ultimate license - one license unlocks the whole premium registry and removes the daily MCP request limit. Then add your key to the project - two quick steps:
Copy your key from Account → Licenses into .env.local at the project root:
REUI_LICENSE_KEY=your-license-key-here{
"registries": {
"@reui": {
"url": "https://reui.io/r/{style}/{name}.json",
"headers": {
"Authorization": "Bearer ${REUI_LICENSE_KEY}"
}
}
}
}That is it - OpenCode can now install any premium item the MCP returns, and free items keep working through the same config. See License Setup for the full guide, or compare plans on the Pricing page.
Almost every hiccup is a stale sign-in - the fix is to reconnect and authorize again.
opencode mcp auth reui, then restart OpenCode.opencode mcp auth reui to sign in again.opencode mcp auth reui and retry your last prompt.Free covers components and examples at 100 requests/day; a Pro or Ultimate
license unlocks premium blocks, icons, and unlimited requests (add
the @reui registry via License Setup to install
them).