Drawer animation
Animate the shadcn/ui Drawer: the page steps back behind it as it rises, and its own swipe stays exactly as it was. Works with Base UI and Vaul.
What it fixes
Drawers already have good motion: they follow your finger. What they're missing is depth. With slide-sink, the page behind steps back as the drawer rises, the way iOS sheets do. The drawer's own swipe and spring are never touched.
It works with both drawers: Base UI's and the Radix base's Vaul drawer.
Install
npx shadcn add drawerChoose a cut
// keep the page still behind drawers
<Cuts drawer="none" />Prop
Type
Sheet
Animate the shadcn/ui Sheet: it slides in from its edge while the page steps back behind it, and everything returns when it closes. No code changes.
Tabs
Animate shadcn/ui Tabs: the indicator slides to the new tab, the panel follows a beat later and the height eases to fit. Works on Base UI and Radix.