Navigation

Headers, sidebars, breadcrumbs, pagination, and navigation patterns.

Navbar

Expandable Header

Source: Cruip

Brand

Breadcrumb

PreviewNoira UI

Breadcrumb with Ellipsis

Source: Origin UI

PreviewOrigin UI

Tab Navigation

Source: shadcn

Previewshadcn

Mega Menu

Flyout Menu

Source: Cruip

PreviewCruip

Stepper

PreviewNoira UI

Account

Create account

2

Profile

Add details

3

Review

Confirm

Pagination

PreviewNoira UI

Pagination with Ellipsis

Source: Origin UI

PreviewOrigin UI

Command Palette

Source: shadcn

Previewshadcn

Bottom Navigation

Source: Flowbite

Fixed to bottom of viewport — preview shown inline.