Skip to content
DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.1K
Overview
  • Introduction
  • Get Started
  • License Setup
  • Styling
  • Registry
  • MCP Server
  • Agent Skills
  • Changelog
MCP Server
  • Claude
  • CodexCodexCodex
  • Cursor
  • v0
  • Lovable
  • Replit
  • OpenCode
  • VS Code
  • Zed
Components
  • Alert
  • Autocomplete
  • Badge
  • Data GridAutosizing, fill and resize hardening, React Compiler ready
  • Date Selector
  • Event CalendarNew event calendar component with five views
  • File Upload
  • FiltersSizing and interaction refinements
  • Frame
  • GanttNew gantt component with day to year scales
  • Icon Stack
  • KanbanonValueCommit callback and accessibility improvements
  • Number Field
  • Phone Input
  • Rating
  • Scrollspy
  • SortableonValueCommit callback and accessibility improvements
  • StepperRender prop composition and styling refinements
  • Timeline
  • Tree

Application

  • App Shell
  • Auth
  • Card
  • Chart
  • Dashboard
  • Dialog
  • Empty State
  • Event CalendarNew event calendar block added
  • Form
  • GanttNew gantt block added
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Wizard

Solutions

  • Agents
  • AI Ops
  • Analytics
  • Billing
  • Bookings
  • CRM
  • Inventory
  • Users

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist

Data Grid

  • Base
  • Columns
  • Drag & Drop
  • EditingNew editable Data Grid block added
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Marketing

  • Blog
  • Contact
  • CTA
  • FAQ

Resources

  • Components
  • Blocks
  • Docs
  • Support
  • Pricing
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026ReUI · All rights reserved

3.1K

Claude

PreviousNext

Connect the ReUI MCP server to Claude (Claude Code and Claude Desktop) and build UI from the ReUI registry by chat.

Set ReUI up in Claude once, then build UI from the entire ReUI registry just by chatting. Pick your Claude below - the two setups differ only in how you add the server. The endpoint is always the same URL, https://mcp.reui.io, over Streamable HTTP.

Setup

Add the ReUI MCP server

From your project root, register the server over HTTP:

Terminal
ChangelogCodex

On This Page

SetupBuild with ReUIUnlock premium itemsHeadless and CITroubleshooting
claude mcp add --transport http reui https://mcp.reui.io

Sign in with ReUI

Open the MCP menu inside Claude Code:

Slash command
/mcp

Select reui, choose Authenticate, and approve the "Sign in with ReUI" prompt in your browser. A free ReUI account is created in that flow if you do not have one.

Confirm the connection

Check that Claude Code sees the server and its tools:

Terminal
claude mcp list

You should see reui listed as connected. No config files, no keys to paste.

Install the ReUI skill

Run the one-line installer from your project root so Claude Code follows the ReUI build workflow:

Terminal
curl -fsSL https://mcp.reui.io/install | node -

This drops a ReUI skill file into your project so Claude knows how to search the registry, read the real component APIs, and wire blocks together the ReUI way instead of guessing.

Build with ReUI

Describe the interface you want in plain language and Claude pulls the right ReUI components, examples, and blocks from the registry, then wires them into your project.

Prompt
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.
Prompt
Add a data-grid of orders with sorting, column filters, pagination, and row selection, wired to my /api/orders endpoint.
Prompt
Build a multi-step "create project" wizard with the ReUI stepper and form components, with validation on each step.
Prompt
Add a kanban board for support tickets with drag and drop, grouped by status, and a filters bar above it.

Unlock premium items

Free items (the 17 components and every c-* example) install with no license. To let Claude 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:

Add your license key

Copy your key from Account → Licenses into .env.local at the project root:

.env.local
REUI_LICENSE_KEY=your-license-key-here

Add the @reui registry to components.json

components.json
{
  "registries": {
    "@reui": {
      "url": "https://reui.io/r/{style}/{name}.json",
      "headers": {
        "Authorization": "Bearer ${REUI_LICENSE_KEY}"
      }
    }
  }
}

The ${REUI_LICENSE_KEY} placeholder is only for components.json, where the shadcn CLI expands it from your environment. MCP client configs do not expand variables, so anywhere you configure the MCP server by hand (see below) paste the real token value instead.

That is it - Claude 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.

Headless and CI

For Claude Code runs without a browser (CI, remote sessions), create a personal token at your account and pass it as a Bearer header instead of the browser sign-in:

Terminal
claude mcp add --transport http reui https://mcp.reui.io \
  --header "Authorization: Bearer reui_pat_your_token_here"

Troubleshooting

Almost every hiccup is a stale sign-in - the fix is to reconnect and authorize again.

  • Tools missing, greyed out, or "not connected" - the server did not finish connecting. To fix it, run /mcp in Claude Code and re-authenticate reui (or toggle the connector off and on in Claude Desktop), then restart Claude.
  • 401 or "authentication required" - your ReUI session expired. To fix it, run /mcp in Claude Code and re-authenticate reui (or toggle the connector off and on in Claude Desktop) to sign in again.
  • Requests hang or the session drops mid-build - long sessions can lose the connection. To fix it, run /mcp in Claude Code and re-authenticate reui (or toggle the connector off and on in Claude Desktop) and retry your last prompt.
  • 429 "daily limit reached" - you hit the free limit of 100 requests per day. Sign in with your ReUI license for unlimited access, or wait for the next day.
Plan scope

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).

Headless and CI