# mlaursen/react-md

React material design - An accessible React component library built from the Material Design guidelines in Sass

Repository: https://github.com/mlaursen/react-md
Canonical: https://ross.abutalabs.com/products/react-md
Homepage: https://react-md.dev
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, material-design, react-md, material, typescript, component-library, components, material-components, accessibility, scss
Last push: 2026-08-01T20:33:18+00:00

## Health v2 (maintenance only)
Score: 94/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 95, release rhythm 90, longevity 100
- inputs: {"age_days": 3936, "days_push": 32, "days_rel": 70, "gap_med": 2, "n_releases_24m": 36}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2328, forks 293 (observed 2026-08-28T04:06:37.568301+00:00)

## What it is
react-md is an accessible React component library implementing Material Design, styled with Sass/SCSS and written in TypeScript. It provides 100+ components, 60+ hooks, and 40+ utils with compile-time and runtime theming via CSS variables, WAI-ARIA compliance, and light/dark/system theme support.

## Use cases
- build an accessible react app with material design
- create react components styled with sass
- add dark mode and system theme support to a react app
- find accessible react widgets that follow wai-aria practices
- customize material design theme colors at build time with sass variables
- support right-to-left languages in a react ui
- build a react ui with typescript component library

## When to choose
- you want Material Design styling in React with deep Sass-based theming control
- accessibility and WAI-ARIA compliance are priorities
- you need light/dark/system themes with CSS variables and RTL support
- you prefer low-level customizable components over opinionated designs

## When to avoid
- you want a CSS-in-JS or utility-class styling approach instead of Sass
- you need React versions older than 19
- you want a drop-in design system with minimal configuration
- your team has no Sass build tooling experience

## Facets
- artifact type: library
- maturity: active
- function: ui-components, css-framework, frontend-framework, accessibility, theme
- domain: web-development, frontend, accessibility, web-design
- platform: cross-platform
- tags: react, material-design, scss, sass, typescript, component-library, wai-aria, dark-mode, rtl-support, nodejs, web-server

## Member repositories
- mlaursen/react-md (main) score 94

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:37.568301+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-30T02:38:13.292644+00:00, confidence not recorded.
  - readme: https://github.com/mlaursen/react-md (fetched 2026-08-28T04:06:37.568301+00:00, sha fb39397b415a)
  - homepage: https://react-md.dev (fetched 2026-08-29T10:18:54.819018+00:00, sha 1d5c0d398368)
  - site_page: https://react-md.dev/getting-started/installation (fetched 2026-08-29T10:18:54.827944+00:00, sha 30fa17952f54)
- Data as of 2026-08-30T08:39:29.467469+00:00.