Relume Library

Relume Library

  • Webflow, Figma & React Components
  • Relume Style Guide
  • Client-First Style Guide
Relume homepage showing fast website generation using AI.
4.9/5 (120 reviews)
A free plan and 3 monthly plans: $18, $36 and $40
Cupon code :
Test Tool

At its beginning, Relume was “simply” a component library for Webflow and Figma: the Relume Library. Since then, the tool has evolved significantly (sitemap generation, wireframes, style guide, etc.), but it still offers over 3,000 components in its library.

Relume and its Component Library

Webflow, Figma, and React component libraries available in Relume.

Components remain a core part of Relume’s offering. In this overview, we’ll focus solely on the library.

If you’d like to explore all the platform’s features, check out our full article.

Figma Components

Preview of Relume’s free Figma Kit (v3.4) featuring over 1000 components.

With Relume, you get access to 1,400+ components (and responsive versions) in Figma. They’re incredibly useful to speed up design creation and iteration.

💡 The components are regularly updated to follow current web design trends and are built using best practices (auto-layout, clean naming, etc.).

Webflow Components

Relume interface of Hero Header Sections in Webflow Library

Using the same logic, all Figma components are also available in copy/paste format for Webflow. Through a searchable interface with filters, you can find the layout you need and integrate it into your project in seconds. All that’s left is to customize styles, images, and make any necessary adjustments.

💡 Components are Client-First framework compatible, and many already include Finsweet attributes or native Webflow interactions.

React Components

React component library in Relume editor with Tailwind setup instructions.

After focusing on the Webflow/Figma ecosystem, Relume is now expanding its reach. A React version of the components is now available (still in beta as of August 2025).

Same principle: pick a layout, then copy/paste the HTML/React code.

Pricing

Relume pricing comparison for Free, Starter, Pro, and Team plans.

Relume offers subscription plans that include access to all their tools, with limits tailored to the size of your business.

Given the time you save, subscribing to one of their plans is often a solid investment.

Our Take

Relume is a great tool. Even if you don’t use all its features, the component library alone is a massive time saver.

“What I love about Relume is that it doesn’t just save time for us web professionals—more and more of our clients are using it too, either to build a starting point or evolve their site.” — Florian Bodelot, Co-founder of Digidop

Good to know

The Relume Library is continuously evolving, with new components added every month. You can vote for the components you'd like to see and even contribute to creating your own library.

Need help in the integration of Relume Library

Let’s work together!

Examples of how the tool can be used

View of a Relume UI mockup on a beige background with a Style Guide Beta button and purple gradients.
News
Design

Could this AI Style Guide Generation Tool Replace a Designer?

Could this AI Style Guide Generation Tool Replace a Designer?
Relume logo, Figma and Webflow with "2025" written on it.
Documentation
NoCode

Relume, the web design tool of the future.

Relume, the web design tool of the future.
Overview of the different types of components available in the Relume library.
Documentation
Development

Rapid Development on Webflow with the Relume Library

Rapid Development on Webflow with the Relume Library

Want to turn your website into your most valuable asset?

Contact us today