A extended shadcn-ui drag-to-resize <Sidebar> component for Next.js applications with persisted state drag-to-resize functionality.
Demo: shadcn-resize-sidebar.vercel.app
- 🕶️ Extended everthing from shadcn-ui
<Sidebar> - 🖱️ Drag to resize sidebar width
- 🔄 Collapsible sidebar with smooth transitions
- 🎨 Theme support (light/dark mode)
- ⌨️ Keyboard shortcuts
- 🍪 Persistent state with cookies
- Next.js 14
- TypeScript
- shadcn/ui
- Tailwind CSS
- Radix UI
- Clone the repository:
git clone https://github.com/lumpinif/drag-to-resize-sidebar.git
cd drag-to-resize-sidebar- Install dependencies:
bun install- Run the development server:
bun dev- Open http://localhost:3000 with your browser.
Pull requests are welcome.