# azouaoui-med/react-pro-sidebar

React Pro Sidebar provides a set of components for creating high level and customizable side navigation

Repository: https://github.com/azouaoui-med/react-pro-sidebar
Canonical: https://ross.abutalabs.com/products/react-pro-sidebar
Homepage: https://react-pro-sidebar.netlify.app/
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, react-component, sidebar, menus, dropdown-menus, submenu, tree-structure, npm, npm-package, menu, submenus, reactjs
Last push: 2026-08-23T15:33:29+00:00

## Health v2 (maintenance only)
Score: 86/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 99, release rhythm 60, longevity 100
- inputs: {"age_days": 2310, "days_push": 10, "days_rel": 99, "gap_med": 1, "n_releases_24m": 2}
- flags: prerelease_only
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1794, forks 401 (observed 2026-08-28T04:05:37.295213+00:00)

## What it is
React Pro Sidebar is a React component library for building customizable, responsive side navigation with nested menus, submenus, and collapsible states. It supports React Router integration, theming, accessibility features, and works with React 18+ including Next.js.

## Use cases
- add a sidebar navigation to a react dashboard
- create collapsible nested menus in react
- responsive sidebar with mobile drawer behavior
- integrate sidebar menu with react router links
- build a themed admin panel navigation
- rtl sidebar navigation for react apps

## When to choose
- you need a polished, customizable sidebar for a React 18+ app
- you want built-in responsive breakpoints, accessibility, and TypeScript support
- you need nested submenus and router-aware active states out of the box

## When to avoid
- your project is not React-based
- you need a full navigation or layout framework rather than just a sidebar
- you rely on the legacy v1 hook API (useProSidebar) without migrating

## Facets
- artifact type: library
- maturity: active
- function: ui-components, routing, frontend-framework
- domain: frontend, web-development, web-design
- platform: browser
- tags: react, sidebar, navigation-menu, typescript, responsive-design, dashboard-layout, accessibility, rtl-support, web-server, nodejs

## Member repositories
- azouaoui-med/react-pro-sidebar (main) score 86

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:37.295213+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:22:53.497409+00:00, confidence not recorded.
  - readme: https://github.com/azouaoui-med/react-pro-sidebar (fetched 2026-08-28T04:05:37.295213+00:00, sha 85503aecd768)
  - homepage: https://react-pro-sidebar.netlify.app/ (fetched 2026-08-29T11:01:58.013389+00:00, sha d2482272f854)
  - registry_npm: https://registry.npmjs.org/react-pro-sidebar (fetched 2026-08-29T11:01:58.016153+00:00, sha 76acd18ca165)
- Data as of 2026-08-30T08:39:29.467469+00:00.