08 / GESTURE PHYSICS
Drag Snap
The problem
Dropping something exactly in place takes careful aim, and a few pixels off looks messy and misaligned.
The solution
Nearest valid destination attracts and snaps the object.
Experiment
Task: Drag the card to a destination zone.
NAIVE
Zone A
Zone B
Zone C
Drag me
nearest—
snapped—
radius80px
THOUGHTFUL
Zone A
Zone B
Zone C
Drag me
nearest—
snapped—
radius80px
Play with the values
80px
0.8
How it works
Seen in
Kanban boards
Cards snap into the nearest column when released, even if you didn't land perfectly.
Calendar scheduling
Events pull toward valid time slots as you drag near them.
File upload zones
Dropped files magnetize to the upload target when your pointer is close enough.
Layout builders
Components snap to grid positions or drop zones so placement feels precise without pixel hunting.