Design and build better websites in hours, not days, with Relume Library
Sign up for free
7 days left in your trial
What's New
Site Builder Updates and New Application Components
We have released new components and updates for September Component Day. These include new application components, as well as new Site Builder features and improvements.
Relume Library only works on desktop
Switch to a desktop to start building.
Now open!
Vote on new
Relume components
Vote on what components you'd like to see added to our roadmap next month.

Banners

A Banner section is a prominent area of a website that is usually located at the top of the page. Its purpose is to grab the attention of the user and communicate important information or messages. It is often used to promote products or services, display important announcements or notices, or provide links to key pages on the website.

Design tips
  1. Keep it simple: Don't try to cram too much information into the Banner. Use concise and clear language, and use images and graphics sparingly.
  2. Make it prominent: Use bold colors and other design elements to make the Banner stand out from the rest of the page.
  3. Use actionable language: Encourage the user to take action by using language that prompts them to click, such as "Learn more" or "Sign up now".
  4. Link to relevant pages: Make sure the links in the Banner lead to relevant pages or resources that will be helpful to the user.
  5. Use it wisely: Don't overuse the Banner section by constantly changing the content or using it to promote unrelated products or services. This can be overwhelming for the user and may lead to decreased engagement.
Show more
We’ve been replaced!
Our Blog Post components have been replaced by our newly released Blog Post Header and Long Form Content Sections. This allows more flexibility and enables you to mix and match components to build the perfect blog post for your website. You can construct your own blog post pages combining these new components or if you would like a prebuilt blog post template you can use one of our Blog Post Page Templates
Long Form Content
Submit requests on Slack
Have any requests or suggestions that would make Relume Library more useful for you? Join our Slack community and share them to the channel #component-requests.
Blog Post Page Templates
Submit requests on Slack
Have any requests or suggestions that would make Relume Library more useful for you? Join our Slack community and share them to the channel #component-requests.
Filters
Clear all
Free Components
Free
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Navigation Level
Navigation Level refers to the hierarchy of Topbars and Sidebars in an application shell. See below some rules to follow:
  • A Level 3 Sidebar or Topbar should be used on its own.
  • A Level 2 Sidebar should be paired with a Level 1 Topbar.
  • A Level 1 Sidebar should be paired with a Level 2 Topbar.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Layout
Text Alignment
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Content Alignment
No items found.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Columns
No items found.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Elements
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Interactions
Uses Interactions
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Uncommon
Uncommon components have more sophisticated layouts and interactions.
Uncommon
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Banner 1

Save
Copy
Description
Description goes here
Created by
Relume
Last updated
June 1, 2022
Category
Banners
Power ups
Examples

Banner 2

Save
Copy
Description
Description goes here
Created by
Relume
Last updated
June 1, 2022
Category
Banners
Power ups
Examples

Banner 3

Save
Copy
Description
Description goes here
Created by
Relume
Last updated
June 1, 2022
Category
Banners
Power ups
Examples

Banner 4

Save
Copy
Description
Description goes here
Created by
Relume
Last updated
June 1, 2022
Category
Banners
Power ups
Examples

Banner 5

Save
Copy
Description
Description goes here
Created by
Relume
Last updated
June 1, 2022
Category
Banners
Power ups
Examples

Banner 6

Save
Copy
Description
Description goes here
Created by
Relume
Last updated
June 1, 2022
Category
Banners
Power ups
Examples

Banner 7

Save
Copy
Description
Description goes here
Created by
Relume
Last updated
June 1, 2022
Category
Banners
Power ups
Examples

Banner 8

Save
Copy
Description
Description goes here
Created by
Relume
Last updated
June 1, 2022
Category
Banners
Power ups
Examples

Banner 9

Save
Copy
Description
Description goes here
Created by
Relume
Last updated
June 1, 2022
Category
Banners
Power ups
Examples

Banner 10

Save
Copy
Description
Description goes here
Created by
Relume
Last updated
June 1, 2022
Category
Banners
Power ups
Examples

Banner 11

Save
Copy
Description
Description goes here
Created by
Relume
Last updated
June 1, 2022
Category
Banners
Power ups
Examples

Banner 12

Save
Copy
Description
Description goes here
Created by
Relume
Last updated
June 1, 2022
Category
Banners
Power ups
Examples

Banner 13

Save
Copy
Description
Description goes here
Created by
Relume
Last updated
February 6, 2023
Category
Banners
Power ups
Examples

Banner 14

Save
Copy
Description
Description goes here
Created by
Relume
Last updated
February 6, 2023
Category
Banners
Power ups
Examples
Sorry, no components found
There are no components with this criteria. Try changing your search.
Request component
Submit requests on Slack
Have any requests or suggestions that would make Relume Library more useful for you? Join our Slack community and share them to the channel #component-requests.
Prev
Page
1
of
1
Next