// the find
salimi-my/shadcn-ui-sidebar
A stunning, functional and responsive retractable sidebar for Next.js built on top of shadcn/ui.
A pre-built admin sidebar component for Next.js that handles the retractable/mini/wide states, mobile sheet menu, and collapsible subgroups that every admin panel needs. It's a starter template you clone and modify, not a published npm package. Good target if you're standing up a Next.js dashboard and don't want to build the sidebar chrome from scratch.
Ships a shadcn registry entry so you can pull it in with `npx shadcn@latest add` instead of copy-pasting files manually. Handles the mobile/desktop split properly — Sheet component on mobile, collapsible sidebar on desktop, no media query hacks. Menu items are extracted into a plain data file (`src/lib/menu-list.ts`), so adding nav entries doesn't require touching component internals. Zustand for sidebar state means collapsed/expanded persists across navigations without prop drilling.
This is a demo app, not a library — the 'registry' approach gives you the component files but you're still essentially forking. Last push was April 2025 and shadcn's own sidebar primitive landed in v2, making this partially redundant with upstream. No built-in support for permissions/role-based menu filtering, which is the first thing any real admin panel needs. Zustand is overkill for a single boolean; if you're already using Context or server components for auth state, you're adding a dependency for nothing.