How it works
The drawer uses drag="y" with dragConstraints top:0 and closes when offset or velocity crosses a threshold.
Modal & Drawer
Animated modal plus a bottom sheet you can drag down to dismiss.
sketchMotion
Performance
Only transform and opacity are animated, so every frame is composite-only: no layout, no paint.
Accessibility & reduced motion
Both are role="dialog" aria-modal with Esc-to-close and focus return.
Export
transition={{ type: 'spring', stiffness: 380, damping: 36, mass: 1 }}