Library / Overlays & notices

Bottom Sheet free

A snap-point bottom sheet with velocity snapping, rubber-banding and a backdrop tied to height.

Customize

Resting heights in percent, low to high

Colour of the sheet

Dim the area behind the sheet

Code

import BottomSheet from './BottomSheet';

<BottomSheet />

Checking your access…

Dependencies: none

mobile sheet snap

More in Overlays & notices

Designed ConsentA characterful cookie card with equal Accept and Reject, per-category switches, and a collapse into a floating cookie button.
Slide-up Case ViewerA case study sheet that slides up while the page behind steps back; drag the handle with velocity to close.
Desktop WindowsA retro desktop: folder icons open draggable, resizable windows with a taskbar and clock.