Motion
Motion
Gestures & scroll
Pointer gestures (hover, tap, drag) and scroll-linked UI with useScroll, useSpring, and useInView.
Touch
Drag demos work with touch. Keep drag affordances obvious (grab cursor, sheet handle) and always provide a non-gesture dismiss.
Hover · tap · drag
whileHover, whileTap, drag + dragConstraints.
Loading interactive preview…
Drag to dismiss
Sheet pattern using drag offset + velocity thresholds.
Loading interactive preview…
Scroll progress
useScroll on a container + useSpring for smoothing.
Loading interactive preview…
In-view reveal
useInView for section entrances without scrolljacking.
Loading interactive preview…