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

Lovable

PreviousNext

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

Lovable connects to ReUI through a single chat connector, so you can build UI from the ReUI registry right inside your chat.

Connect ReUI

Add the ReUI MCP server

In Lovable, open Connectors, go to Chat connectors, then click New MCP server (a remote MCP server that extends the agent's capabilities). Fill in the form:

New MCP server
Server name:    reui
Server URL:     https://mcp.reui.io
Authentication: OAuth (default)

Leave Authentication on OAuth (default) - it authorizes in the next step. Then click Add & authorize. (For CI or a headless setup, pick Bearer token or API key instead and paste your ReUI license key, from .)

Sign in with ReUI

Add & authorize opens a "Sign in with ReUI" window. Approve it, then click Add server to finish. 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 ahead of time.

The ReUI skill

CursorReplit

On This Page

Connect ReUIThe ReUI skillInstall ReUI blocksBuild with ReUITroubleshooting

You do not install anything - the skill rides on the MCP from mcp.reui.io, no separate registry to add. Once the connector is authorized, the Lovable Agent gets ReUI's tools, and it can call get_agent_skill to load the full ReUI workflow (the reuse-first rule and the discover, install, adapt order) as a document. If a build ever drifts off-pattern, tell it to "follow the ReUI skill" to reload that workflow.

Install ReUI blocks

Lovable builds on the shadcn/ui model (Vite + React), so the Agent adds ReUI components from the registry as the MCP returns them. Free items (the 17 components and every c-* example) need no license. For premium blocks or Motion Icons, connect GitHub and add the @reui registry to components.json with your REUI_LICENSE_KEY, then run npx shadcn@latest add @reui/<name> in the synced repo. See License Setup.

Build with ReUI

Describe the interface you want in plain language and Lovable 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, open Connectors, remove and re-add the reui server, and authorize again, then restart Lovable.
  • 401 or "authentication required" - your ReUI session expired. To fix it, open Connectors, remove and re-add the reui server, and authorize again to sign in again.
  • Requests hang or the session drops mid-build - long sessions can lose the connection. To fix it, open Connectors, remove and re-add the reui server, 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