Skip to content
DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.3K
Overview
  • Introduction
  • Get Started
  • License Setup
  • Styling
  • Registry
  • MCP Server
  • Agent Skills
  • llms.txt
  • RTL
  • Changelog
MCP Server
  • Claude
  • CodexCodexCodex
  • Cursor
  • Grok
  • Conductor
  • v0
  • Lovable
  • Replit
  • Bolt
  • OpenCode
  • VS Code
  • GitHub Copilot
  • Kilo Code
  • Zed
  • Antigravity
Components
  • Alert
  • Autocomplete
  • Badge
  • CascaderNew component for nested multi-level selection
  • Data Grid
  • Date Selector
  • Event Calendar
  • File Upload
  • FiltersRebuilt around a boolean query tree, with breaking API changes and a migration prompt
  • Frame
  • Gantt
  • Icon Stack
  • Icon Tile
  • Kanban
  • Number Field
  • Phone Input
  • Rating
  • Scrollspy
  • Sortable
  • Stepper
  • Timeline
  • Tree

Zed

PreviousNext

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

Zed connects to ReUI as a context server, so you can build UI from the ReUI registry right inside the assistant panel. The endpoint is https://mcp.reui.io over Streamable HTTP, the same one every agent uses - see MCP Server for the shared background.

Connect ReUI

Add the ReUI context server

Open your Zed settings JSON and add a context server:

settings.json
{
  "context_servers": {
    "reui": {
      "url": "https://mcp.reui.io"
    }
  }
}

A url is all a remote entry needs - command, args, and env are for local stdio servers. Prefer the UI? Open Settings > AI > MCP Servers, click Add Server, choose Add Remote Server, and paste the same URL.

Sign in with ReUI

Leave the entry as a bare url and Zed runs the standard MCP OAuth flow for you: a browser tab opens with a "Sign in with ReUI" prompt the first time Zed calls a ReUI tool. Approve it and you are connected. If you do not have a ReUI account yet, a free one is created for you in that same flow, so there is nothing to set up in advance.

For a headless or CI setup where no browser is available, create a personal token at Account → MCP (it looks like reui_pat_...) and pass it as an Authorization: Bearer header on the server entry instead:

settings.json
{
  "context_servers": {
    "reui": {
      "url": "https://mcp.reui.io",
      "headers": {
        "Authorization": "Bearer reui_pat_your_token_here"
      }
    }
  }
}

Paste the real token in place of reui_pat_your_token_here. Zed has no placeholder syntax in settings.json, so a header value here is sent exactly as written: the ${REUI_LICENSE_KEY} form from components.json, which the shadcn CLI expands, would reach the server as literal text and fail with a 401.

Adding this header also switches the browser flow off. Zed only prompts you to sign in when a remote server has no Authorization header configured, so pick one path or the other, not both.

The ReUI skill

You do not install a separate skill - it rides on the MCP from mcp.reui.io. Once ReUI is connected, Zed gets the ReUI tools and can call get_agent_skill to load the full build workflow (the reuse-first rule and the find, read the real API, install, then adapt order) as a document. If a build ever drifts off-pattern, tell it to "follow the ReUI skill" to reload that workflow.

Build with ReUI

Describe the interface you want in plain language and Zed 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 Zed 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. Zed's settings.json does not expand variables, so never copy this Authorization line into the context server entry, which needs the real reui_pat_... token pasted in.

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

Troubleshooting

Most hiccups are a stale browser sign-in, and reconnecting fixes them. Zed's servers live under Settings > AI > MCP Servers (the agent: open settings action gets you there too). The one exception is a personal token, which cannot be re-authenticated - it has to be replaced.

  • Tools missing, greyed out, or "not connected" - the server did not finish connecting. To fix it, open Settings > AI > MCP Servers, re-authenticate reui, then restart Zed.
  • 401 and you signed in through the browser - your ReUI session expired. To fix it, open Settings > AI > MCP Servers and re-authenticate reui.
  • 401 and you use a personal token (headless or CI) - the token has expired or been revoked. Re-authenticating will not help, and Zed will not even offer it while an Authorization header is set on the entry. Create a new token at Account → MCP and replace the header value. The 401 body names which of the two it was.
  • Requests hang or the session drops mid-build - long sessions can lose the connection. To fix it, re-authenticate reui from Settings > AI > MCP Servers and retry your last prompt.
  • Sign-in appears to work but every call still 401s - check whether you have an Authorization header on the reui server entry. A configured credential is sent on every request and overrides the OAuth credential the sign-in stores, so while it is there the browser sign-in prompt, which Zed only shows when no header is configured cannot take effect. The two are alternatives, not layers: use the header only on the headless path, and remove it if you want the browser sign-in.
  • 429 "daily limit reached" - you hit the free limit of 100 tool calls per day. Sign in with your ReUI license for unlimited access, or wait for the next day.
  • Every ReUI call fails and nothing asks you to sign in - the stored OAuth connection is dead (revoked, expired, or invalidated after a suspicious reuse), and the client is silently retrying a credential that can never work again. Account → MCP shows the connection as Disconnected when this is the case. Reconnect the same way as the 401 fix above; retrying without signing in again cannot recover it.
Kilo CodeAntigravity

On This Page

Connect ReUIThe ReUI skillBuild with ReUIUnlock premium itemsTroubleshooting

Application

  • App Shell
  • Auth
  • Card
  • Chart
  • Dashboard
  • Dialog
  • Empty State
  • Event Calendar
  • Form
  • Gantt
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Wizard

Solutions

  • Agents
  • AI Ops
  • Analytics
  • Billing
  • Bookings
  • CRM
  • FilesDrive Explorer gained drag and drop upload with a transfer panel
  • 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
  • Editing
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Marketing

  • Blog
  • Contact
  • CTA
  • FAQ
  • HeroSixteen new marketing hero blocks added

Resources

  • Components
  • Blocks
  • Icons
  • MCP for Agents
  • Docs
  • Support
  • Pricing
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

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

© 2026 ReUI. All rights reserved.

3.3K