🧩 The Relume Library connector lets Claude search Relume's official React component library and hand you real, production-ready React code — instead of building sections from scratch.
Minimum Requirements
- A paid Relume plan. The connector is a paid feature — on a free plan, sign-in will ask you to upgrade.
- A Claude account — use claude.ai in your browser or the Claude desktop app.
How to setup
Set it up in the Claude app (about 2 minutes)
Set it up in Claude Code (terminal)
Set it up for Antigravity
Try it
In any chat, ask Claude things like:
- "Find a Relume pricing section with three tiers and give me the React code."
- "Show me Relume hero sections with an image and buttons, then add the first one to my project."
Tip: the first time you use a component, ask Claude to "get the Relume setup instructions" so the styling looks right.
Troubleshooting
- Sign-in says "upgrade your plan" → your Relume plan is Free or Design. A paid Relume plan is required.
- Won't connect → check the URL is exactly
https://relume-library-mcp.relume.io/mcp, then remove the connector and add it again.
- No "Connectors" in Settings → update Claude to the latest version, or use claude.ai in your browser.