Design and build better websites in hours, not days, with Relume Library
Sign up for free
7 days left in your trial

Saved components

Remove all
HomeSaved Components
Components 0
UI Elements 0
Page Templates 0
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Card Header 2
.
card-headers/card-header2_component

Card Header 2

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Card Headers
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Card Header 1
.
card-headers/card-header1_component

Card Header 1

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Card Headers
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Grid List 10
.
grid-lists/grid-list10_component

Grid List 10

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Grid Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Grid List 9
.
grid-lists/grid-list9_component

Grid List 9

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Grid Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Grid List 8
.
grid-lists/grid-list8_component

Grid List 8

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Grid Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Grid List 7
.
grid-lists/grid-list7_component

Grid List 7

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Grid Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Grid List 6
.
grid-lists/grid-list6_component

Grid List 6

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Grid Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Grid List 4
.
grid-lists/grid-list4_component

Grid List 4

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Grid Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Grid List 5
.
grid-lists/grid-list5_component

Grid List 5

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Grid Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Grid List 3
.
grid-lists/grid-list3_component

Grid List 3

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Grid Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Grid List 2
.
grid-lists/grid-list2_component

Grid List 2

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Grid Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Grid List 1
.
grid-lists/grid-list1_component

Grid List 1

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Grid Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Stat Card 8
.
stat-cards/stat8_component

Stat Card 8

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Stat Cards
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Stat Card 7
.
stat-cards/stat7_component

Stat Card 7

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Stat Cards
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Stat Card 4
.
stat-cards/stat4_component

Stat Card 4

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Stat Cards
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Stat Card 5
.
stat-cards/stat5_component

Stat Card 5

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Stat Cards
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Stat Card 6
.
stat-cards/stat6_component

Stat Card 6

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Stat Cards
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Stat Card 3
.
stat-cards/stat3_component

Stat Card 3

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Stat Cards
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Stat Card 2
.
stat-cards/stat2_component

Stat Card 2

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Stat Cards
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Stat Card 1
.
stat-cards/stat1_component

Stat Card 1

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Stat Cards
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Stacked List 10
.
stacked-lists/stacked-list10_component

Stacked List 10

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Stacked Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Stacked List 9
.
stacked-lists/stacked-list9_component

Stacked List 9

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Stacked Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Stacked List 8
.
stacked-lists/stacked-list8_component

Stacked List 8

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Stacked Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Stacked List 7
.
stacked-lists/stacked-list7_component

Stacked List 7

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Stacked Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Stacked List 2
.
stacked-lists/stacked-list2_component

Stacked List 2

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Stacked Lists
Power ups
Examples

Related UI Elements

View All
Interactions
Uncommon
A Level 3 Sidebar or Topbar should be used on its own.
Level 3
A Level 2 Sidebar should be paired with a Level 1 Topbar.
A Level 2 Topbar should be paired with a Level 1 Sidebar.
Level 2
A Level 1 Sidebar should be paired with a Level 2 Topbar.
A Level 1 Topbar should be paired with a Level 2 Sidebar.
Level 1
Stacked List 5
.
stacked-lists/stacked-list5_component

Stacked List 5

Save
Copy
Save
Saved
Saved
Copying...
Copying...
Upgrade
Watch Tutorial
Description
Description goes here
Created by
Relume
Last updated
September 5, 2022
Category
Stacked Lists
Power ups
Examples

Related UI Elements

View All