reactjs/react-modal
Accessible modal dialog component for React observed · 2026-08-28
Health v2 · maintenance only
54/100
- Activity 70
- Release rhythm 8
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 4365
- days_rel: n/a
- days_push: 184
- n_releases_24m: 0
Adoption not part of the score
7410 stars · 809 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
react-modal is an accessible modal dialog component library for React applications. It provides a customizable modal with built-in accessibility features such as focus trapping and ARIA support.
Use cases
- show a modal dialog in a react app
- accessible popup dialog component for react
- open a confirmation dialog with focus trapping
- display overlay content on top of a react page
- customizable modal with esc key and overlay close
- build a lightbox or dialog in react
When to choose
- you need a battle-tested, accessible modal for React
- you want a small dependency with flexible styling via overlay/content styles
- you need focus management, ESC-to-close, and app element binding out of the box
When to avoid
- you are not using React
- you need a full UI component suite rather than just modals
- you want headless/unstyled primitives and prefer building styling yourself with something like Radix or Headless UI
Facets
library · maturity stable
ui-components accessibility frontend web-development accessibility browser react modal dialog react-component web-server nodejs
3 sources
- readme: https://github.com/reactjs/react-modal · fetched 2026-08-28 · 8b38cbeda3db
- homepage: http://reactcommunity.org/react-modal · fetched 2026-08-29 · 769ae458a300
- registry_npm: https://registry.npmjs.org/react-modal · fetched 2026-08-29 · e0eb7211cb27
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| reactjs/react-modal | main | 54 |
For agents
markdown · JSON · MCP: product_card(name="reactjs/react-modal")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem