Draggable Demo

Make elements draggable with physics, bounds, snapping, and more

Free Drag (X & Y)

🎯

Drag anywhere • Bounded • Inertia enabled

X-Axis Only

↔️

Horizontal only

Y-Axis Only

↕️

Vertical only

Rotation Drag

🔄

Drag to rotate • Inertia enabled

Snap to Grid (50px)

📍

Snaps to 50px grid

Throw with Inertia

🚀

Throw it! • Physics-based momentum

🎯

Bounds

Keep draggable elements within a container or specific bounds

⚡

Inertia

Physics-based momentum for natural throw behavior

📍

Snap

Snap to grid, custom values, or function-based positioning