Skip to content
DocsSupportPricing
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 GridVirtualization and row pinning support added
  • Date Selector
  • File Upload
  • Filters
  • Frame
  • Icon Stack
  • Kanban
  • Number Field
  • Phone Input
  • Rating
  • Scrollspy
  • Sortable
  • Stepper
  • Timeline
  • Tree

Application

  • App Shell
  • Auth
  • Card
  • Chart
  • Dashboard
  • Dialog
  • Empty State
  • Form
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Schedule
  • Settings
  • 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
  • Editing
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Marketing

  • Blog
  • Contact
  • CTA
  • FAQ

Resources

  • Components
  • Blocks
  • Docs
  • Support
  • Pricing
  • RoadmapSoon
  • AffiliateSoon

Legal

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

© 2026ReUI · All rights reserved

3.1K

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.

Connect ReUI

Add the ReUI MCP server

In your Repl, open the MCP Servers settings in the Integrations pane, then click + Add MCP server. Enter a display name and the server URL:

Connector settings
Display name: reui
Server URL:   https://mcp.reui.io

Then click Test & save. For CI or a headless setup, open Advanced settings first and add a custom header - Authorization: Bearer YOUR_REUI_LICENSE_KEY - with your license key from .

Sign in with ReUI

Test & save opens a "Sign in with ReUI" window so you can authorize the connection. If you do not have a ReUI account yet, a free one is created for you as part of this flow. After you approve, Replit finishes the connection and the ReUI tools are ready.

The ReUI skill

LovableOpenCode

On This Page

Connect ReUIThe ReUI skillBuild with ReUIUnlock premium itemsTroubleshooting

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 17 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 store it as a Replit Secret named REUI_LICENSE_KEY, which Replit exposes as an environment variable):

.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}"
      }
    }
  }
}

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.

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 the MCP settings, run Test & save on reui, and authorize again, then restart Replit.
  • 401 or "authentication required" - your ReUI session expired. To fix it, re-open the MCP settings, run Test & save on reui, and authorize again to sign in again.
  • 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.
  • 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.

Account → Licenses