Sidebar Component
Application sidebar with pill-shaped menu items, flat ink borders, and orbit hover effects.
Full Application Layout
A complete sidebar layout contained within a demo window. Click items to see active states.
app.example.com
O
OrbitSearch...
Welcome to Dashboard
Click the arrow button to collapse/expand the sidebar.
Total Users
12,345
Revenue
$45,678
Projects
23
Team
8
Collapsed State
The sidebar can collapse to show only icons, saving space while keeping navigation accessible.
Expanded
O
OrbitCollapsed
O
Floating Sidebar
A floating sidebar variant with orbit hover effect that can be toggled open/closed.
mobile-view.example.com
O
OrbitClick the menu icon to open the floating sidebar.
Sidebar Variations
Different styling variations while maintaining the Orbit Capsule design language.
Compact
compact.view
Icon Rail
icons.view
O
Outlined Items
outlined.view
All variations maintain the Orbit Capsule theme with pill shapes, flat borders, and clean typography.