KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #typescript #ai-agent #developer-tools #claude-code #codex #deepseek-harness #ai-agents #cli #react #mcp

shadcn-ui-sidebar

★ 26 Open GitHub ↗

A stunning, functional and responsive retractable sidebar for React.js built on top of shadcn/ui.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# [shadcn/ui sidebar](https://shadcn-ui-sidebar.consumableai.com)

A stunning and functional retractable sidebar for React.js built on top of [shadcn/ui](https://ui.shadcn.com) complete with desktop and mobile responsiveness.

## Features

- Retractable mini and wide sidebar
- Scrollable sidebar menu
- Sheet menu for mobile
- Grouped menu with labels
- Collapsible submenu
- Extracted menu items list

## Tech/framework used

- React.js 18
- Shadcn/ui
- Tailwind CSS
- TypeScript
- Zustand

## Starting the project locally

1. Clone the repository

```bash
   git clone https://github.com/consumableai/shadcn-ui-sidebar.git
   ```

2. Install dependencies

```bash
   cd shadcn-ui-sidebar
   npm install
   ```

3. Run the development server

```bash
   npm run dev
   ```

## Demo

The app is hosted on Consumable AI domain. [Click here](https://shadcn-ui-sidebar.consumableai.com) to visit.
<br>
Direct demo link: `https://shadcn-ui-sidebar.consumableai.com`

## Screenshots

#### Light mode

![Light mode](https://raw.githubusercontent.com/consumableai/shadcn-ui-sidebar/main/screenshots/screenshot-1.png)

#### Dark mode

![Dark mode](https://raw.githubusercontent.com/consumableai/shadcn-ui-sidebar/main/screenshots/screenshot-2.png)

#### Mini sidebar

![Mini sidebar](https://raw.githubusercontent.com/consumableai/shadcn-ui-sidebar/main/screenshots/screenshot-3.png)

#### Sheet menu

[credits salimi-my](https://github.com/salimi-my/shadcn-ui-sidebar)

shadcn-ui-sidebar

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README