A stunning and functional retractable sidebar for Next.js built on top of shadcn/ui complete with desktop and mobile responsiveness.
- Retractable mini and wide sidebar
- Scrollable sidebar menu
- Sheet menu for mobile
- Grouped menu with labels
- Collapsible submenu
- Extracted menu items list
- Next.js 14
- Shadcn/ui
- Tailwind CSS
- TypeScript
- Zustand
-
Clone the repository
git clone https://github.com/salimi-my/shadcn-ui-sidebar
-
Install dependencies
cd shadcn-ui-sidebar npm install
-
Run the development server
npm run dev
The app is hosted on Vercel. Click here to visit.
Direct demo link: https://shadcn-ui-sidebar.salimi.my