Skip to content
NewReUI Pro is LIVE with 485 premium blocks, 560+ hand-crafted icons and moreView pricing
DocsSupportPricing
XFigma3k
Overview
  • Introduction
  • Get Started
  • License Setup
  • Styling
  • Registry
  • Agent Skills
  • Changelog
MCP Server
  • Claude
  • CodexCodexCodex
  • Cursor
  • Lovable
  • Replit
  • OpenCode
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

© 2026 ReUI. All rights reserved.

3k

GitHub Copilot

PreviousNext

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

Your AI coding agent connects to ReUI in one step, so you can build UI from the ReUI registry right inside your editor.

Connect ReUI

Add the ReUI MCP server

Point your agent's MCP config at the ReUI server. Most agents read the same HTTP MCP format, so add a JSON entry like this:

.vscode/mcp.json
BoltGrok

On This Page

Connect ReUIAdd the ReUI MCP serverSign in with ReUIInstall the ReUI skillBuild with ReUITroubleshooting
{
  "servers": {
    "reui": {
      "type": "http",
      "url": "https://mcp.reui.io"
    }
  }
}

You can also run MCP: Add Server from the Command Palette to create this entry. Then open Copilot Chat in Agent mode so it can call ReUI tools.

Sign in with ReUI

On first start, VS Code asks you to confirm you trust the server, then a browser tab opens with a "Sign in with ReUI" prompt. Trust the server, authorize the sign-in, and you are connected. If you do not have an account yet, a free ReUI account is created for you in that same flow, so there is no separate signup step.

Install the ReUI skill

Run this one-liner in your project root:

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

It drops a ReUI skill file into your project so your agent follows ReUI's build workflow (picking the right blocks, wiring components, and keeping the registry conventions) instead of guessing.

Build with ReUI

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

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: List Servers in VS Code and re-authenticate reui, then restart GitHub Copilot.
  • 401 or "authentication required" - your ReUI session expired. To fix it, run MCP: List Servers in VS Code and re-authenticate reui to sign in again.
  • Requests hang or the session drops mid-build - long sessions can lose the connection. To fix it, run MCP: List Servers in VS Code and re-authenticate 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.
Plan scope

Free includes components and examples with 100 requests per day. A Pro or Ultimate license unlocks premium blocks, icons, and unlimited requests. See pricing for the full breakdown, or head back to the MCP setup index for other agents.