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

Replit

PreviousNext

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

Replit connects to ReUI in one step: add the ReUI MCP server to your Replit Agent, and you can build UI from the ReUI registry by chat. The endpoint is https://mcp.reui.io, the same one every agent uses - see MCP Server for the shared background.

Connect ReUI

Add the ReUI MCP server

MCP servers live on your account, not inside a single Repl, so one setup covers every project. Go to replit.com/integrations, scroll to MCP Servers for Replit Agent, and click + Add MCP server. ReUI is not in Replit's pre-listed catalog, so add it by URL:

Connect an MCP server
Display name:    reui
MCP Server URL:  https://mcp.reui.io

Sign in with ReUI

Click Test & save. Replit connects, sees that ReUI asks for authorization, and walks you through the "Sign in with ReUI" flow - it registers itself with ReUI automatically, so there is no client ID to create. Approve the prompt and the connection appears under MCP Servers with its status. If you do not have a ReUI account yet, a free one is created for you as part of this flow.

Once saved, the Agent fetches ReUI's tool list and the tools are available across all your projects.

If you would rather authenticate with a token than a browser prompt, see Using a token instead below.

The ReUI skill

You do not install a separate skill - it rides on the MCP from mcp.reui.io, no separate registry to add. Once connected, the Replit Agent gets ReUI's tools and can call get_agent_skill to load the full workflow (discover, read the API, install, then adapt by reuse) as a document. If a build ever drifts off-pattern, tell it to "follow the ReUI skill" to reload it.

Build with ReUI

Describe the interface you want in plain language and Replit 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

Replit runs a full Linux workspace, so the Agent installs items with the shadcn CLI directly in the Replit shell, exactly as the MCP returns them. Free items (the 20 components and every c-* example) install with no license. To let Replit 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, or add it in the Secrets pane as REUI_LICENSE_KEY - Replit encrypts a secret and exposes it to your app as an environment variable, which is the better home for a key you do not want in the repo:

.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. The MCP header field does not expand anything, so never copy this Authorization line into the MCP settings - the header there needs your real reui_pat_... token pasted in.

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

Using a token instead

For an unattended setup where nobody is there to approve a browser prompt, authenticate with a personal token instead. Create one at Account → MCP (it looks like reui_pat_...), then open Advanced settings in the add-server dialog and define a custom header:

Advanced settings
Header name:  Authorization
Header value: Bearer reui_pat_your_token_here

Replit sends the headers you define with every MCP request, so ReUI sees the token on each call. Paste the token itself, not an environment variable reference: the value is sent exactly as written, so a ${...} placeholder arrives at the server as literal text and the request fails with a 401.

Tokens expire after 90 days by default (30, 60, 90 and 180 are offered, plus No expiry for setups that cannot rotate). Nothing warns you beforehand: an expired token simply starts returning 401, and the only fix is to create a new one at Account → MCP and update the header value. Existing tokens keep whatever lifetime they were issued with.

Troubleshooting

Almost every hiccup is a stale sign-in - the fix is to reconnect and authorize again. The one exception is a personal token, which cannot be re-authorized and has to be replaced.

  • Tools missing, greyed out, or "not connected" - the server did not finish connecting. To fix it, re-open the MCP settings, run Test & save on reui, and authorize again, then restart Replit.
  • 401 and you signed in with ReUI - your ReUI session expired. To fix it, re-open the MCP settings, run Test & save on reui, and authorize again to sign in again.
  • 401 and you set an Authorization header - the token expired or was revoked. Running Test & save will not help, since the connection sends the header you typed rather than a browser session. Create a new token at Account → MCP and update 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-open the MCP settings, run Test & save on reui, and authorize again and retry your last prompt.
  • Sign-in appears to work but every call still 401s - check whether you filled in the Authorization header field instead of authorizing with ReUI. A pasted credential is sent on every request and takes precedence over an OAuth session, so if it is wrong or expired the calls keep failing. Fix it by clearing that header field and running Test & save to authorize, or by replacing the credential with a valid one. The two are alternatives, not layers.
  • 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.
LovableBolt

On This Page

Connect ReUIThe ReUI skillBuild with ReUIUnlock premium itemsUsing a token insteadTroubleshooting

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