Export

Build faster on 1,000+ components

Use AI to assemble a full site from responsive, production-ready components, then export everything straight into Figma, Webflow or React.

Filename.pdf
×
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
How it works

From prompt to export-ready,
in three steps.

Describe the project and Relume does the rest. A sitemap that scopes every page, wireframes built from real components, and a style guide that locks your brand. Ready to export in one click.

Home
Navbar 6
Hero Header
Our Programs
Timetable4
Studio Gallery
Equipment
Membership
Contact
Footer
icon-sitemap
Sitemap

Plan the whole site

Describe the project and get a complete sitemap in minutes. Every page, every section, scoped before anything is designed.

Team
Set your new standard for fitness
Our training studios are judgment-free zones where people of all shapes, sizes, and fitness levels are welcome. Whether you’re a seasoned athlete or just starting out on your fitness journey, we have a place for you.
Join Now
G 4.8 ★★★★★
988 reviews
icon-wireframe
Wireframe

Structure before styling

The sitemap becomes wireframes built from real components, copy included. Never a blank canvas.

icon-design
Style guide

Lock in your brand

Colours, type and spacing set once as a proper style guide, applied across every page. Then export the lot.

Choose your path

One system, four ways to
design and export.

Every Relume site is built on the same library. 1,000+ responsive components with mobile variants, updated every month. Pick your path and build in the tool you already know.

Figma Library

Polish your designs in Figma

Your whole project as a native Figma file, mobile variants and style guide included. Restyle with your tokens and hand it off.

Webflow Library

Set things up in Webflow

Export your entire project straight into Webflow, classes and structure intact. Every page arrives ready to style and ship.

React Library

Build and ship in React

Production-ready React with Tailwind CSS and Shadcn UI, or plain HTML. Drop the full build into your codebase.

icon-magic
MCP Library

The library, inside your AI tools

Connect the Relume Library to Cursor, Claude and other AI editors. Your agent builds with real components instead of guessing at markup, and everything it ships stays on the system.

The Engine

Component system behind
2 million websites.

No hallucinated layouts. Relume assembles your site with human-built components on a shared system, so when something improves, every site improves. No rebuild. No effort from you.

icon-globe-synced

Improves after you publish

Most sites are finished the day they launch. Yours keeps improving. Every component is being refined across thousands of sites, and when something stronger surfaces, every site gets it.

icon-design

Assembled, not generated

The AI does not write raw code. It selects from components our designers built and maintain, then assembles them into your site. Responsive, accessible, SEO/AEO ready by construction, not by luck.

Real code, real components.
One click to

Top agencies run on Relume

A client sends us a Notion doc and a couple of Looms. A week later they've got a live site on their domain, and Relume is already telling us what to improve. That used to be a three-month engagement across four different tools.

Derek Brady
Director of Experience, DEPT
Demo Projects

If you prefer clicking.
Jump into a demo project.

The fastest way to get a feel for the output is to click around inside. Jump into one of our pre-made projects and explore.

No items found.
Export

Build faster in the tools you already use

1,000+ components, one click from your next project. Start free.

Filename.pdf
×
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
No items found.
🇧🇷
ブラジル出身みたいですね!コードを使えブラジル40サインアップすると、40%オフになります スタータープラン
サインアップアップグレード