Temzasse/react-modal-sheet
Some data may be outdated — see provenance labels.
Flexible bottom sheet component built with Motion to provide buttery smooth UX while keeping accessibility in mind 🪐 observed · 2026-09-30
Health v2 · maintenance only
74/100
- Activity 66
- Release rhythm 69
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: 2
- age_days: 2347
- days_rel: 207
- days_push: 207
- n_releases_24m: 26
Adoption not part of the score
1180 stars · 99 forks observed · 2026-09-30
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A flexible React bottom sheet component library built on the Motion animation library, offering smooth gesture-driven sheets with snap points, detents, and scrollable content. It uses a compound component pattern (Container, Header, Content, Backdrop) to give full control over rendering while keeping accessibility in mind.
Use cases
- add a bottom sheet modal to a react app
- build an apple maps style draggable sheet
- create accessible modal sheets with keyboard support
- implement snap point bottom sheets on mobile web
- show scrollable content in a draggable overlay
- customize backdrop and header of a modal sheet
When to choose
- you need a polished, animated bottom sheet in React with minimal effort
- accessibility (focus management, ARIA) is a requirement
- you want full control over sheet markup via compound components
- you need detents/snap points and scrollable sheet content
When to avoid
- your project does not use React
- you cannot add the Motion peer dependency
- you need a full-screen modal dialog rather than a bottom sheet
- you are not on a modern React version compatible with the library
Facets
library · maturity active
ui-components animation accessibility frontend-framework frontend web-development accessibility browser react bottom-sheet modal framer-motion motion typescript mobile-ui web-server nodejs
3 sources
- readme: https://github.com/Temzasse/react-modal-sheet · fetched 2026-09-30 · f96d1ddfe447
- homepage: https://temzasse.github.io/react-modal-sheet/ · fetched 2026-08-29 · 965489d847f6
- registry_npm: https://registry.npmjs.org/react-modal-sheet · fetched 2026-08-29 · 9a2b79aa62be
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| Temzasse/react-modal-sheet | main | 74 |
For agents
markdown · JSON · MCP: product_card(name="Temzasse/react-modal-sheet")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem