Components

Every component renders live. Hover one to save, compare or copy it.

81 components of 2,023

Clear filters

Dock
Motion Primitives · Navigation
Warning for unsaved changes when navigating away
ReUI · Navigation
Compact avatar dropdown menu
ReUI · Navigation
Basic breadcrumb
ReUI · Navigation
Pill-style breadcrumb inside frame
ReUI · Navigation
Breadcrumb items containing badge with count
ReUI · Navigation
Breadcrumb starting with home icon item
ReUI · Navigation
Breadcrumb with a custom separator
ReUI · Navigation
Breadcrumb with project, user and document info
ReUI · Navigation
Breadcrumb with dropdown menu
ReUI · Navigation
Breadcrumb with Next.js link
ReUI · Navigation
Breadcrumb with a custom slash separator
ReUI · Navigation
Breadcrumb with icons for each item
ReUI · Navigation
Breadcrumb with ellipsis for long paths
ReUI · Navigation
Breadcrumb items with avatars
ReUI · Navigation
Breadcrumb with double chevron separators
ReUI · Navigation
Carousel with overlay thumbnail navigation
ReUI · Navigation
Carousel with dots navigation and content overlays
ReUI · Navigation
Carousel with thumbnail navigation
ReUI · Navigation
Async drill-down that loads before it navigates.
ReUI · Navigation
Multi-level collapsible menu
ReUI · Navigation
Basic command
ReUI · Navigation
Command with shortcuts
ReUI · Navigation
Command with groups
ReUI · Navigation
Command with many groups
ReUI · Navigation
Action palette with keyboard shortcuts
ReUI · Navigation
Command with recent and favorites sections
ReUI · Navigation
Dialog with scrollable content and sticky footer.
ReUI · Navigation
Full-screen fluid dialog with sticky header and footer
ReUI · Navigation
Basic dropdown menu
ReUI · Navigation
Workspace switcher dropdown menu
ReUI · Navigation
Notifications dropdown menu
ReUI · Navigation
Actions dropdown menu
ReUI · Navigation
Share and export dropdown menu
ReUI · Navigation
User and create menu
ReUI · Navigation
Quick action menu
ReUI · Navigation
Notifications dropdown with items
ReUI · Navigation
Dropdown menus opening positions
ReUI · Navigation
Dropdown menu with icons
ReUI · Navigation
Dropdown menu with keyboard shortcuts
ReUI · Navigation
Dropdown menu with nested submenus
ReUI · Navigation
Dropdown menu with checkboxes
ReUI · Navigation
Dropdown menu with radio groups
ReUI · Navigation
Advance dropdown menu
ReUI · Navigation
Gantt chart with settings menu and schedulable rows
ReUI · Navigation
Item with header and footer sections
ReUI · Navigation
Clickable navigation items with icons and chevron
ReUI · Navigation
Basic menubar.
ReUI · Navigation
Menubar with dropdown submenus.
ReUI · Navigation
Menubar with checkbox & radio items.
ReUI · Navigation
Menubar with icons.
ReUI · Navigation
Reply actions in the footer
ReUI · Navigation
Basic navigation menu.
ReUI · Navigation
Navigation menu with icons.
ReUI · Navigation
Basic pagination.
ReUI · Navigation
Pagination with ellipsis indicator
ReUI · Navigation
Pagination without labels.
ReUI · Navigation
Pagination with hover effect.
ReUI · Navigation
Pagination with page info on center
ReUI · Navigation
Pagination with page info on left
ReUI · Navigation
Popover with navigation
ReUI · Navigation
Vertical separator groups related menu items.
ReUI · Navigation
Application shell with a workspace switcher
ReUI · Navigation
Icon rail that collapses
ReUI · Navigation
Documentation nav with sub-menus
ReUI · Navigation
Right-hand inspector panel
ReUI · Navigation
Filtering, loading and empty states
ReUI · Navigation
Sortable sidebar navigation with frame
ReUI · Navigation
Table with footer.
ReUI · Navigation
Basic tabs.
ReUI · Navigation
Tabs with line variant.
ReUI · Navigation
Tabs with vertical orientation.
ReUI · Navigation
Tabs with vertical orientation and line variant.
ReUI · Navigation
Tabs with icons.
ReUI · Navigation
Tabs with icons
ReUI · Navigation
Tabs with badge counts
ReUI · Navigation
Tabs with icons and line variant
ReUI · Navigation
Segmented control tabs
ReUI · Navigation
Cascader Footer
ReUI · Navigation
Cascader Nav
ReUI · Navigation
The gantt body - split resizable tree/timeline panes with synced scrolling, multi-column tree, grouped two-row header, day through year scales, zoom, drag-to-pan, lanes, drag and resize.
ReUI · Navigation

Components

Dock

Warning for unsaved changes when navigating away

Compact avatar dropdown menu

Basic breadcrumb

Pill-style breadcrumb inside frame

Breadcrumb items containing badge with count

Breadcrumb starting with home icon item

Breadcrumb with a custom separator

Breadcrumb with project, user and document info

Breadcrumb with dropdown menu

Breadcrumb with Next.js link

Breadcrumb with a custom slash separator

Breadcrumb with icons for each item

Breadcrumb with ellipsis for long paths

Breadcrumb items with avatars

Breadcrumb with double chevron separators

Carousel with overlay thumbnail navigation

Carousel with dots navigation and content overlays

Carousel with thumbnail navigation

Async drill-down that loads before it navigates.

Multi-level collapsible menu

Basic command

Command with shortcuts

Command with groups

Command with many groups

Action palette with keyboard shortcuts

Command with recent and favorites sections

Dialog with scrollable content and sticky footer.

Full-screen fluid dialog with sticky header and footer

Basic dropdown menu

Workspace switcher dropdown menu

Notifications dropdown menu

Actions dropdown menu

Share and export dropdown menu

User and create menu

Quick action menu

Notifications dropdown with items

Dropdown menus opening positions

Dropdown menu with icons

Dropdown menu with keyboard shortcuts

Dropdown menu with nested submenus

Dropdown menu with checkboxes

Dropdown menu with radio groups

Advance dropdown menu

Gantt chart with settings menu and schedulable rows

Item with header and footer sections

Clickable navigation items with icons and chevron

Basic menubar.

Menubar with dropdown submenus.

Menubar with checkbox & radio items.

Menubar with icons.

Reply actions in the footer

Basic navigation menu.

Navigation menu with icons.

Basic pagination.

Pagination with ellipsis indicator

Pagination without labels.

Pagination with hover effect.

Pagination with page info on center

Pagination with page info on left

Popover with navigation

Vertical separator groups related menu items.

Application shell with a workspace switcher

Icon rail that collapses

Documentation nav with sub-menus

Right-hand inspector panel

Filtering, loading and empty states

Sortable sidebar navigation with frame

Table with footer.

Basic tabs.

Tabs with line variant.

Tabs with vertical orientation.

Tabs with vertical orientation and line variant.

Tabs with icons.

Tabs with icons

Tabs with badge counts

Tabs with icons and line variant

Segmented control tabs

Cascader Footer