Back to Library
Full Resolution Asset Preview
v0 mobile_appminimal

Responsive Sidebar Navigation

Mobile-ready sidebar with collapsible hamburger menu and user profile section.

PROMPT
Build a responsive sidebar navigation component using React, Tailwind CSS, and Shadcn UI. Requirements: 1. Collapsible on mobile with a hamburger menu trigger. 2. Fixed position on desktop (left side). 3. Include sections for: 'Dashboard', 'Analytics', 'Settings', and 'Team'. 4. At the bottom, include a User Profile card with an avatar, name, and a 'Log Out' icon button. 5. Use Lucide-React for icons. 6. Ensure the active tab has a subtle background accent color.