@anil-labs/dndDrag & drop for every framework

Zero-dependency sortable lists built on Pointer Events — groups, clone, multi-drag, swap, keyboard a11y and FLIP animation. One engine, five bindings.

Get Started

Live Demos

GitHub

🪶

Zero dependencies

The core engine is plain TypeScript on Pointer Events — no runtime dependencies, ~6 KB gzipped.

🧩

Every framework

First-class bindings for React, Vue 3, Svelte, Solid and a Web Component — plus a vanilla API.

🔀

Cross-list groups

Share a group to drag between lists. Control transfers with pull/put rules, allow-lists or functions — and clone instead of move.

🖱️

Multi-drag & swap

Ctrl/Cmd-click to select several items and drag them as a batch. Swap mode exchanges positions for grid boards.

⌨️

Keyboard & a11y

Space to grab, arrows to move, Escape to cancel — with aria-live announcements and full ARIA attributes.

✨

FLIP animation

Buttery reorder transitions via the Web Animations API, plus custom ghosts, drag handles, autoscroll and touch delay.

🧠

Your state stays yours

The engine never mutates your arrays — every change arrives as an event or an immutable update.

🛡️

Strict TypeScript

Generic over your item type, no `any` anywhere, full .d.ts output for every package.