collected.tools.
LibraryFrontend

dnd kit

A toolkit for drag-and-drop interfaces

What it is

dnd kit is a toolkit for drag and drop on the web that handles lists, grids, nested containers or Kanban boards. Its core is framework-agnostic, with thin adapters for React, Vue, Svelte and Solid plus a version for plain TypeScript. Keyboard control, ARIA attributes and screen reader announcements are built in, and sensors and collision detection can be swapped out.

Install
npm install @dnd-kit/react
Why it made the cut
  • Adapters for React, Vue, Svelte, Solid and vanilla
  • Sensors for mouse, touch, pointer and keyboard
  • Screen reader announcements built in

Related entries