SShinUI

Vaul

The iOS drawer, done properly on the web

Visit site
iOS & Mobile UIOpen sourceReactRadix

Live site

Open
vaul.emilkowal.ski

Preview Vaul inline

Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.

What it is

Snap points, velocity-aware dismissal, background scaling and correct scroll locking. Nearly every good bottom sheet on the web is this component.

Get started

terminal
npx shadcn@latest add drawer

Tags

drawerbottom-sheetgestures

Related in Mobile

View all

SF Symbols

developer.apple.com

Apple's system icon library

MobileFreeiOSmacOS

Mobbin

mobbin.com

Screenshot library of real mobile apps

MobileFreemiumiOSAndroid