Support
All support for the Relume is provided through Slack. To get assistance, please join our Slack community and send a preview link of your Webflow project along with a description of your problem to one of our experts. We will review your issue and guide you through a solution.

For account-related issues, please contact [email protected].
Join our Slack
We're performing some maintenance. If you're experiencing any issues please reach out via Slack
Go to Slack
Your payment method has expired. Update your billing details to regain access to premium features.
Manage Billing
Now open!
Vote on new
Relume components
Vote on what components you'd like to see added to our roadmap next month.
Vote with one click
Skip
Get started
Site Builder
Figma Library
Webflow Library

Introduction to Site Builder

Get started with our introduction video to see how the Site Builder can help you build sitemaps and wireframes in minutes, with the help of AI.

Watch Demo

1. Duplicate the Figma Kit

Open the Relume Figma Kit and access 1,000+ desktop and mobile components.

2. Update the Style Guide

Update the design system in Figma and style all components in minutes.

3. Build your page

Copy and paste components in the file to build your page for desktop and mobile.

Watch video

1. Clone the style guide

Before you start a project, make sure you clone the Webflow Style Guide.

2. Copy component

Search the Webflow Library to find components and copy them with 1 click.

3. Paste in to project

Once a component is copied, paste it into your Webflow project.

Watch video

Webflow
Library

Built using Client-First

Unlock 1k+ Webflow components plus more with Relume

Site Builder full access
Relume Figma Kit
Unlock all Webflow Library
Try it free for 7 days
Our plans cost less than 1%* of your next project and can save you half the time to deliver it.
NavbarsNavbar 21
Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade to Copy

Navbar 21

Watch Tutorial
Details
Category
Navbars
Last updated
January 9, 2024
Also available on
React
Via the React Library
Figma
Via the Premium Figma Kit
Need help?
Join our Slack community and ask for help. Make sure to share a read-only link to your Webflow project.
Join our Slack
Watch Tutorial
Powerups
Disable Scrolling
using
Attributes by Finsweet
Prevent the page from scrolling in Webflow when an element is clicked or an element is visible on the page.
Examples

Airtree Navbar

Colors
#3232A0
#3232A0
#FFFFFF
#FFFFFF
Fonts
Suisse Int'l
Suisse Int'l
Source
https://www.airtree.vc/

Related UI Elements

Interactions
Uses Attributes
Navbar Dropdown 1
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 2
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 3
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 4
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 5
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 6
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 7
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 8
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 9
.
This is some text inside of a div block.
Interactions
Uses Attributes
Button Small
.
This is some text inside of a div block.
Interactions
Uses Attributes
Button Secondary Small
.
This is some text inside of a div block.
Interactions
Uses Attributes
Button Small With Icon
.
This is some text inside of a div block.
Interactions
Uses Attributes
Button Secondary Small With Icon
.
This is some text inside of a div block.
By clicking “Accept Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Cookie Policy for more information.
Cookie SettingsAccept Cookies
Disable Scrolling
using
Attributes by Finsweet
Prevent the page from scrolling in Webflow when an element is clicked or an element is visible on the page.
Interactions
Uses Attributes
Navbar Dropdown 1
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 2
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 3
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 4
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 5
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 6
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 7
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 8
.
This is some text inside of a div block.
Interactions
Uses Attributes
Navbar Dropdown 9
.
This is some text inside of a div block.
Interactions
Uses Attributes
Button Small
.
This is some text inside of a div block.
Interactions
Uses Attributes
Button Secondary Small
.
This is some text inside of a div block.
Interactions
Uses Attributes
Button Small With Icon
.
This is some text inside of a div block.
Interactions
Uses Attributes
Button Secondary Small With Icon
.
This is some text inside of a div block.
Mega Menu
Text Link
Hamburger Menu (Desktop)
Text Link
Featured Blog Posts
Text Link