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

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

Open a sheet

Get started

Live demos

GPU-smooth on mobile

The drag is a native scroll on CSS scroll-snap; the release is a compositor transform on a fixed clock. No per-frame pointer math, no main-thread jank.

Native a11y for free

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

Tiny — 8.4 kB gzip

8.4 kB min+gzip for the core, 10.1 kB with the React adapter. Zero dependencies, ESM-only, TypeScript types included.

Headless

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

Framework-agnostic core

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

Follows the host theme

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