Carbon Nav Sidebar
A professional sidebar navigation layout for developer tool applications.
Features
- Dark carbon (#0a0a0a, #171717) with subtle carbon fiber texture
- Victor Mono for nav labels + Outfit for headings
- 240px sidebar with logo, search input (⌘K), nav sections
- Dashboard, Projects, Analytics, Settings with icons
- Collapsible sub-items with expand/collapse
- Active state with primary color left border
- User avatar at bottom with sign-out
- Main content area with stats cards and activity feed
- Staggered reveal animations
Dependencies
@remixicon/react@/components/ui/button@/components/ui/badge@/components/ui/separator
