Skip to content
DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.2K
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
  • GitHub Copilot
  • Grok
  • Antigravity
  • Bolt
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
  • Icon TileNew icon tile component with five surface variants
  • 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

Templates

  • E-commerce
  • SaaS
  • Dashboard
  • Landing
  • All templates

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

© 2026 ReUI. All rights reserved.

3.2K

Grok

PreviousNext

Connect the ReUI MCP server to Grok CLI and build UI from the ReUI registry by chat.

Grok CLI connects to the ReUI registry in one step, so you can build UI from ReUI components, examples, and blocks right in your terminal.

Connect ReUI

Add the ReUI server

Start Grok in your project, then open the MCP tab with /mcps and add a remote server:

Connector settings
Name: reui
URL: https://mcp.reui.io
Transport: HTTP (Streamable HTTP)

Sign in with ReUI

The first time Grok CLI calls a ReUI tool, your browser opens a "Sign in with ReUI" prompt to authorize the connection. Approve it and you are set. If you do not have a ReUI account yet, a free one is created right there in the same flow, so there is nothing to set up in advance.

Install the ReUI skill

GitHub CopilotAlert

On This Page

Connect ReUIAdd the ReUI serverSign in with ReUIInstall the ReUI skillTroubleshootingBuild with ReUIUnlock premium items

Run this one-liner in your project to add the ReUI skill:

Install the ReUI skill
curl -fsSL https://mcp.reui.io/install | node -

This drops a ReUI skill file into your project so Grok CLI follows ReUI's build workflow: discovering the right components, pulling real source, and assembling them the ReUI way instead of guessing.

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, re-open /mcps and reconnect reui, then restart Grok.
  • 401 or "authentication required" - your ReUI session expired. To fix it, re-open /mcps and reconnect reui to sign in again.
  • Requests hang or the session drops mid-build - long sessions can lose the connection. To fix it, re-open /mcps and reconnect reui 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.
Headless and CI

For non-interactive runs where a browser prompt is not possible, create a personal token at reui.io/account/mcp (it looks like reui_pat_...) and pass it as an Authorization: Bearer header on the server. Paste the token itself: a header value is sent exactly as written, so an ${...} environment placeholder arrives at the server as literal text and the connection fails with a 401.

Build with ReUI

Describe the interface you want in plain language and Grok 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 20 components and every c-* example) install with no license. To let Grok 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 shadcn CLI expands ${REUI_LICENSE_KEY} from .env.local, so leave it as a variable here. MCP client configs do not expand variables, so never copy this Authorization line into a Grok MCP server entry, which needs the real reui_pat_... token pasted in.

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

Plan scope

Free includes components and examples, capped at 100 requests per day. A Pro or Ultimate license unlocks premium blocks, icons, and unlimited requests. See the full setup guide for other agents and options.