Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lumpinif/drag-to-resize-sidebar
https://github.com/lumpinif/drag-to-resize-sidebar
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/lumpinif/drag-to-resize-sidebar
- Owner: lumpinif
- Created: 2024-11-03T07:45:20.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-11-03T07:57:43.000Z (about 1 month ago)
- Last Synced: 2024-11-03T08:25:15.720Z (about 1 month ago)
- Language: TypeScript
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-shadcn-ui - drag-to-resize-sidebar - A extended shadcn/ui drag-to-resize <Sidebar> component for Next.js applications with persisted state drag-to-resize functionality. (Libs and Components)
README
# shadcn-ui Drag-to-Resize Sidebar
A extended shadcn-ui drag-to-resize `` component for Next.js applications with persisted state drag-to-resize functionality.
## Features
- 🕶️ Extended everthing from shadcn-ui ``
- 🖱️ 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:
```bash
git clone https://github.com/lumpinif/drag-to-resize-sidebar.git
cd drag-to-resize-sidebar
```
2. Install dependencies:
```bash
bun install
```
3. Run the development server:
```bash
bun dev
```
4. Open [http://localhost:3000](http://localhost:3000) with your browser.
## Contributing
Pull requests are welcome.
## License
[MIT](https://choosealicense.com/licenses/mit/)