Sidebar Navigation
A fixed-height application sidebar with a logo, optional search, nav items, and a user-profile footer. Compose from SidebarNav sub-components — choose flat items, collapsible groups, dividers, or labeled sections.
Simple
Flat nav list with an inline search bar and profile card. No grouping or dividers.
Dual Tier
Collapsible groups expand to reveal indented sub-items with count badges. Click a group summary to toggle.
Slim
68 px icon-only sidebar. Every item renders as a square touch target with an accessible aria-label.
Section dividers
Horizontal rules visually separate nav groups without labels. Supports status badges and trailing external-link icons.
Section subheadings
Uppercase text labels organize nav items into named sections. The header uses an icon-only search button instead of an inline search bar.
Feature cards
Contextual cards placed in the sidebar footer — announcements, upgrade prompts, onboarding, notifications, and more. Use variant="filled" for a subtly elevated card or variant="outlined" for a ringed surface card. Provide onClose to enable the absolute close button.
New features available!
Check out the new dashboard view. Pages now load faster.
Cookie preferences
We use cookies to analyze traffic, remember preferences, and improve your experience.
Upgrade to PRO20% OFF
Unlock 20+ integrations, 40 GB data, and advanced reporting.
Used space
Your team has used 80% of your available space. Need more?
- Complete your profile
- Verify your phone number
- Set up 2FA and backups
- Add payout bank details
Refer a friend
Earn 50% back for 12 months when someone uses your link.
Need help with something?
Our experts are ready to help.
Join our workshopLive
Learn how to leverage Claude to supercharge your workflow.
Mathilde Lewis2 mins ago
I've finished adding my notes. Happy for you to review!
Current projects
- Dashboard design 2.0
- Marketing site CMS
- iOS app prototypes
Verify this device
Open the app and scan the QR code below to verify this device.