Skip to content
DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.5K
Sign inGet ProGet All-Access
Overview
  • Introduction
  • Get Started
  • License Setup
  • Styling
  • Registry
  • MCP Server
  • Embed
  • 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
  • WSWindsurf
  • CLCline
  • Gemini CLI
  • AMAmp
  • JBJetBrains Junie
Components
  • Alert
  • Autocomplete
  • Badge
  • Cascader
  • Code Block
  • Data Grid
  • Date Selector
  • Event Calendar
  • File Upload
  • Filters
  • Frame
  • Gantt
  • Icon Stack
  • Icon Tile
  • Kanban
  • Number Field
  • Phone Input
  • Rating
  • Scrollspy
  • Sortable
  • Stepper
  • Timeline
  • Tree

MCP Server

PreviousNext

The ReUI MCP server puts the live ReUI registry inside your coding agent - scored search, real component APIs, and exact install commands over one endpoint.

The ReUI MCP server connects your coding agent to the live ReUI registry. Through one endpoint your agent searches the full library with scored, intent-based matching, reads real component APIs, and gets exact shadcn CLI install commands - so it ships real ReUI instead of guessing.

Endpoint
https://mcp.reui.io

The server runs over Streamable HTTP and works with any MCP-capable agent. It is free with a ReUI account: the first connection opens a "Sign in with ReUI" approval in your browser, and a free account is created in that flow if you do not have one.

The tools

Every tool answers against the current registry, scored and ranked.

Find

  • search - ranked matches for a natural-language query across the components, examples, blocks, and icons your plan covers, each with an install command, live preview, a thumbnail image on blocks and examples, docs link, and the components it uses.
  • search_icons - the best-matching icon for many concepts ("save", "user settings") in one call, optionally pinned to one icon style.
  • list_components - the 22 free ReUI building blocks (data-grid, event-calendar, gantt, cascader, kanban, filters, icon-tile, ...).
  • list_block_groups - the top-level block groups (application, ecommerce, marketing, ...) with counts.
  • list_block_categories, list_example_categories, list_icon_categories - the categories of each type with item counts, for narrowing a search.

Read

  • get_component - the inline API (props and usage) for one or many components in a single call, so props come from the docs, never from memory. Ask for just the sections you name, and a very large API comes back trimmed on heading boundaries with everything it dropped listed by name.
  • get_examples - a component's real, working example compositions to copy instead of hand-rolling.
  • get_block, get_example, get_icon - full metadata for one item by name: description, components used, dependencies, install command, a preview link, and a docs link that points at that item's own page. Blocks and examples also carry a thumbnail image.
  • get_thumbnail - the hosted preview image of a block or example as image content, so the agent can compare up to 4 options by eye before installing.

Plan and validate

  • compose_page - turns a whole-page intent into ordered sections, each matched to the best block for the job and labelled by how well that block fits the intent.
  • validate_usage - checks planned components and props against the documented API before any code is written.
  • get_audit_checklist - the ReUI-specific checks to run after installing and adapting an item.

Install and unlock

  • get_install_command - the exact shadcn CLI command for an item, validated against the registry (wrong names get did-you-mean suggestions, not a fabricated command).
  • get_project_context - the components.json registry config and license-key setup so shadcn add @reui/... works.
  • get_agent_skill - the full ReUI build skill, served at runtime to agents that cannot install files.

Connect in three steps

The flow is the same in every agent; only where you paste the endpoint differs.

Add the server

Register https://mcp.reui.io as an HTTP MCP server wherever your agent configures MCP - a one-line command in local CLIs and editors, a connector or integrations screen in hosted services. The per-agent guides below have the exact command or settings path for each.

Sign in with ReUI

On the first connection your agent opens the "Sign in with ReUI" approval in your browser - a free ReUI account is created in that flow if you do not have one. There is nothing to paste. If the machine cannot open a browser (CI, a remote shell, a container), use a personal token instead: see Headless and CI.

Build

Describe the interface you want in plain language. Pair the server with the Agent Skill so your agent follows the full ReUI workflow: find, install, read the API, adapt by reuse.

Authentication

Every request carries a credential - there is no anonymous access - and which kind you use comes down to one question: can this machine open a browser?

With a browser, use OAuth. This is the path almost everyone takes, and nothing gets pasted anywhere. Your agent connects, receives a 401 whose WWW-Authenticate header points at ReUI's discovery documents, registers itself (ReUI supports dynamic client registration, so there is no client id or secret for you to create), and opens the "Sign in with ReUI" approval in your browser over PKCE. Approve once and your agent stores the tokens and refreshes them on its own from then on. A free ReUI account is created in that flow if you do not have one, and every connection can be reviewed or revoked later at Account → MCP.

Without a browser, use a personal token. Covered in full below.

If your agent gets stuck signed out

An OAuth connection can die outright: you revoked it, its 60-day refresh token lapsed, or its stored token was invalidated for safety after a suspicious reuse. From then on every refresh answers invalid_grant, and many agents quietly retry that forever instead of asking you to sign in again, so the only symptom is ReUI tools that stopped working. The stored credential is dead and no amount of retrying revives it. The fix is one step: make the agent sign in again, either from its own reconnect or sign-in action, or by removing and re-adding the ReUI MCP server, which triggers a fresh browser approval. Account → MCP shows the connection as Disconnected when this is the state you are in.

Plans and limits

Every plan reaches the same endpoint and calls the same tools. What a plan changes is what those tools return, and how many requests you get in a day. Your plan follows the credential you connect with: the account you signed in with over OAuth, or the license key you send as the Bearer token.

A free ReUI account covers the free catalog in full - the 22 ReUI components and every c-* example - across every tool, from search and compose_page to the install command for each one. Premium blocks and Motion Icons are never silently dropped. A search that only premium items could answer comes back marked locked, naming the plan that unlocks it and how many items it held back; a premium block that fits better than the free answer is shown as a preview with no install command; and a premium item you name directly still returns its full metadata and a working install command, with an unlock field saying which plan the install needs. Your agent can tell you what it is missing instead of pretending the item does not exist. A free account also has a daily request allowance. Your exact figure and today's usage are on Account → MCP, which is the only place either number is right for your account. Going past it does not break your agent either: the tool answers normally with a message saying the allowance is spent and that it resets at UTC midnight.

A Pro license adds the premium blocks to everything: search ranks them next to the free items, compose_page fills each section with the block that fits rather than the closest free example, and get_install_command hands back a command that installs them. An Ultimate license adds the Motion Icons, which need Ultimate for discovery as well as install - below that plan search_icons returns no rows and says which plan opens them.

Headless and CI

Some environments can never show you an approval screen: a CI job, a remote shell over SSH, a container, a cron task. For those, skip OAuth and carry a personal token instead.

Create the token

Go to Account → MCP and create a personal token. It looks like reui_pat_..., and it is shown once, at creation. ReUI stores only a hash of it, so a lost token gets replaced rather than recovered. You can hold up to 20 active tokens, which is enough to give each pipeline or machine its own.

Send it as a Bearer header

Every request carries the token in an Authorization header:

Header
Authorization: Bearer reui_pat_...

In an MCP client config that is a headers entry on the ReUI server. In a script it is one -H flag:

Smoke test
curl -sS https://mcp.reui.io \
  -H 'content-type: application/json' \
  -H 'accept: application/json, text/event-stream' \
  -H "authorization: Bearer $REUI_MCP_TOKEN" \
  -d '{"jsonrpc":"2.0","id":1,"method":"initialize","params":{"protocolVersion":"2025-06-18","capabilities":{},"clientInfo":{"name":"curl","version":"0.0.0"}}}'

The accept header is not decoration. MCP's Streamable HTTP transport requires the client to list both application/json and text/event-stream, and this server answers a POST with an SSE stream, so a request that omits it fails. A working token returns 200 with the JSON-RPC result delivered as an SSE event; a bad one returns 401 with a WWW-Authenticate header and a JSON-RPC error that names the actual problem (expired, revoked, or an unexpanded placeholder).

Whether you can write ${REUI_MCP_TOKEN} in that config instead of the token itself depends on your client, so check its guide rather than assuming. Some do expand it - Claude Code substitutes ${VAR} in a server's url and headers, and VS Code has its own ${env:...} and ${input:...} syntax. Many do not, and there a ${...} placeholder is sent as literal text and comes back as a 401. When in doubt, paste the real value into a file you never commit.

Lifetimes, and the silent expiry

A personal token expires. The default is 90 days; 30, 60 and 180 days are offered too, along with No expiry for pipelines that genuinely cannot rotate.

Nothing warns you before one lapses. There is no expiry email and no grace period, so the first sign is usually a green pipeline turning red. When it happens, the token returns 401 and has to be replaced, not re-authenticated: a personal token has no refresh, so signing in again does nothing for it. Create a new one at Account → MCP and update the secret. The same page revokes a token if one ever leaks, and a revocation takes effect at the server within about half a minute.

Store it in a CI secret

Treat the token like a password: it authenticates as you and carries your plan. Put it in your CI provider's secret store and read it from the environment at run time, exactly as the $REUI_MCP_TOKEN above does. Never commit it to a config file that lands in the repository, and prefer one token per pipeline so you can revoke a single leak without taking down the rest.

Set it up in your agent

Pick your agent for its full setup guide:

ClaudeCodexCodexCodexCursorGrok CLIConductorv0LovableReplitBoltOpenCodeVS CodeGitHub CopilotKilo CodeZedAntigravityWSWindsurfCLClineGemini CLIAMAmpJBJetBrains Junie
RegistryAgent Skills

On This Page

The toolsFindReadPlan and validateInstall and unlockConnect in three stepsAuthenticationIf your agent gets stuck signed outPlans and limitsHeadless and CICreate the tokenSend it as a Bearer headerLifetimes, and the silent expiryStore it in a CI secretSet it up in your agent

Application

  • App ShellAdded 10 new app shell blocks
  • Auth
  • Card
  • Chart
  • Dashboard
  • Dialog
  • Empty State
  • Event Calendar
  • Flow
  • Form
  • Gantt
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Wizard

Solutions

  • Agents
  • AI Ops
  • Analytics
  • Billing
  • Bookings
  • CRM
  • Files
  • Inventory
  • Users

AI & Agents

  • AI Chat
  • Agent Activity

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
  • Shop Hero

Data Grid

  • BaseAdded a rate card Data Grid block with a price breakdown dialog
  • Columns
  • Drag & Drop
  • Editing
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Marketing

  • Blog
  • CompareNew Compare category with 3 versus section blocks
  • Contact
  • CTAAdded 11 new CTA blocks
  • FAQ
  • Hero
  • How It WorksNew How It Works category with 5 numbered step blocks
  • PricingNew Pricing category with a 4-tier pricing table block

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.5K