ES Drager
Basic Usage
Drag me
With Constraints
Draggable Area
Bounded Box
Try dragging me
With Rotation
Rotatable Box
Try rotating me
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%233b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/></svg>)
With Scale
Scalable Box
Use mouse wheel
With Guidelines
With Guidelines
Drag to see guides
With Snapping
Snap Box 1
Try dragging me
Snap Box 2
Try dragging me
With Resize
Resizable Box
Drag corners/edges to resize
With Connections
Hover over the blue dots and drag to another dot to create a connection
Drager 1
Connect me!
Drager 2
Connect me!
Drager 3
Connect me!