The Relume library, now inside your AI editor
Connect the Relume Library MCP and your AI assistant pulls real, editable components straight into your project. You get a complete design system out of the box, not a pile of guessed-at UI.
Drops into the tools you already build with
Three steps from prompt to production-ready section
No copy-paste from the site. No hunting through docs. Connect once and the library lives where you work.
Real components and a real design system, not guessed-at UI
AI is brilliant at writing code and terrible at remembering what your components actually look like. The MCP fixes that by giving your assistant the source of truth.
The Relume library, in your editor
Every section and page type Relume makes, searchable from inside your project. No tab-switching, no copy-paste from the website.
Real components, not hallucinations
Your assistant fetches the actual Relume code by slug, deterministically. What lands is what we built, not an approximation it invented.
A design system out of the box
Components arrive with the shared primitives, Tailwind preset and tokens. Everything coheres instead of clashing block by block.
Components you own
Code is vendored into your project as editable files. No locked dependency to fight, no black box. Edit anything, ship on your terms.
Build by describing
Natural-language search means you ask for the outcome, not the file name. The right component comes back, ready to place.
Faster, without the mismatch
Move at AI speed and keep a consistent look across the whole site. Quality and pace stop being a trade-off.
A system, not a stack of snippets
Most AI-built sites end up as a patchwork: each section styled in isolation, nothing sharing the same buttons, spacing or tokens. The MCP hands your assistant the same foundation every Relume component is built on:
Shared primitives like button and card, plus the cn helper, vendored into your project
Relume Tailwind preset and icons, so spacing, type and iconography stay consistent
Components compose together because they speak the same language
Every section and page type you build
Most AI-built sites end up as patchwork: each section styled in isolation, nothing sharing the same buttons, spacing or tokens. The MCP hands your assistant the same foundation every Relume component is built on.
.webp)
Give your AI assistant the Relume library
Available on paid Relume plans. Sign in with your Relume account to authenticate.
40万人以上のデザイナーと開発者がRelumeを信頼しています
.avif)
.avif)
.avif)
.webp)
.webp)
