dnd-manager Live Demo

Download This Plugin Back To CSSScript.Com

A lightweight vanilla JS library for data-driven drag-and-drop with full pointer event support, auto-scroll, and a clean callback API for any framework.

Drag Threshold

10 px

Click Threshold

10 px

Scroll Threshold

100 px

Scroll Speed

10 px/frame

Grid Reordering

Selector-based initialization with empty slots, click handling, drag preview clones, and `canDrag` protection for locked items.

Init: CSS selector Preview: DragPreviewController Locked items: `canDrag` Empty targets: `data-empty`