A shadcn/ui Resizeable Sidebar

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

Features

• 🕶️ 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

Demo Stack

• Next.js 14
• TypeScript
• shadcn/ui
• Tailwind CSS
• Radix UI

Getting Started

1. Clone the repository:

git clone https://github.com/lumpinif/drag-to-resize-sidebar.git
cd drag-to-resize-sidebar

2. Install dependencies:

bun install

3. Run the development server:

bun dev

4. Open http://localhost:3000 with your browser.

Contributing

Pull requests are welcome.

License

MIT