sheet-viewHeadless bottom sheets on native <dialog> + CSS scroll-snap

The platform does the modality, the a11y, and the gesture physics — the library is ~4 kB of glue. Framework-agnostic core, React adapter included.

GPU-smooth on mobile

Drag-to-close rides CSS scroll-snap and compositor transforms — no pointer-event bookkeeping, no main-thread jank.

showModal() provides the focus-trap, inert background, Escape handling, and focus restoration — no JS re-implementation.

4.4 kB for the core, 5.9 kB with the React adapter — smaller than a bare Radix dialog. Zero dependencies, ESM-only, TypeScript types included.

A tiny required structural stylesheet, an optional default theme, or bring your own. Style via CSS custom properties and stable data-attributes.

The vanilla core imports zero React. A thin React adapter lives at sheet-view/react. Same behaviour, same props.

Light/dark tracks your page's color-scheme (not the OS), via light-dark() with an OS fallback. Your token overrides win in both schemes.