Navigation and layout

App shell, header, sidebar, tabs, menus and a command palette

Structure

• App Shell — Application frame (Free, MIT)
• Navbar — Top navigation bar (Free, MIT)
• Sidebar — Side navigation panel (Free, MIT)
• Resizable Panels — Panels with draggable dividers (Free, MIT)
• Scroll Area — Scroll area: themed bars, soft edge fades, stick to bottom for chats (Free, MIT)
• Breadcrumbs — Breadcrumb trail (Free, MIT)

Switching

• Tabs — Tabs (Free, MIT)
• Segmented Control — Mode switcher (Free, MIT)
• Toggle Group — Pressed-state buttons: formatting, alignment, filters (Free, MIT)
• Pagination — Page navigation (Free, MIT)
• Stepper — Step-by-step progress (Free, MIT)

Menus and commands

• Dropdown Menu — Dropdown menu (Free, MIT)
• Context Menu — Right-click menu (Free, MIT)
• Command Palette — ⌘K-style command menu (Free, MIT)
• Keyboard Map Overlay — Keyboard shortcut map for a screen: search, keyboard view and practice mode (Pro)

Other categories

Basics · Overlays and notifications · Forms and input · Data and metrics · Charts and analytics · Work and teams · Account and access · AI chat and agents · Image generation · Developer tools · Landing pages and brand · Shop and payments · Content and social · Games · Animated components · Effects · 3D and motion