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.

Free trial24 days left

Used space

Your team has used 80% of your available space. Need more?

Complete accountStep 3 of 4
  • 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.

Online

Need help with something?

Our experts are ready to help.

User
User
User
+5

Join our workshopLive

Learn how to leverage Claude to supercharge your workflow.

Mathilde Lewis

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.