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.
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:
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 .)
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.
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.
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.
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.Add a data-grid of orders with sorting, column filters, pagination, and row selection, wired to my /api/orders endpoint.Build a multi-step "create project" wizard with the ReUI stepper and form components, with validation on each step.Add a kanban board for support tickets with drag and drop, grouped by status, and a filters bar above it.Free items (the 17 components and every c-* example) install with no license. Since Lovable builds on the shadcn/ui model (Vite + React), connect GitHub first and apply the steps below in the synced repo, where the Agent runs the CLI. To let Lovable 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:
Copy your key from Account → Licenses into .env.local at the project root:
REUI_LICENSE_KEY=your-license-key-here{
"registries": {
"@reui": {
"url": "https://reui.io/r/{style}/{name}.json",
"headers": {
"Authorization": "Bearer ${REUI_LICENSE_KEY}"
}
}
}
}That is it - Lovable 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.
Almost every hiccup is a stale sign-in - the fix is to reconnect and authorize again.
reui server, and authorize again, then restart Lovable.reui server, and authorize again to sign in again.reui server, and authorize again and retry your last prompt.Free covers components and examples at 100 requests/day; a Pro or Ultimate license unlocks premium blocks, icons, and unlimited requests.