Mahogany AI Navigation
A distinctive sidebar navigation component designed for AI/ML tool platforms.
Features
- Full-height sidebar with mahogany wood-tone palette
- Active state highlighting with amber accents
- Staggered reveal animation on load
- Light and dark mode with full theme support
- Responsive sidebar with content area
- Grain texture overlay for tactile depth
Dependencies
@remixicon/react — Navigation icons@/components/ui/button — Action buttons@/components/ui/badge — Status badges@/components/ui/separator — Visual dividers
Customization
- Adjust mahogany color stops for brand matching
- Replace nav items to match your application routes
- Modify the content area to show your dashboard content
