Skip to content
IndexDesign corpus
Strong pickComponent LibrariesHeadless Primitives
Component LibrariesPrimitiveMITFreeReact

dnd kit

Accessible drag-and-drop toolkit with a framework-agnostic core and React, Vue, Svelte, and Solid bindings

Visit resourceRepository
Aboutdndkit.com

dnd kit is a TypeScript toolkit for drag-and-drop interfaces. A framework-agnostic core has first-class integrations for React, Vue, Svelte, and Solid. It covers draggable and droppable elements, sortable lists, and extensions, with keyboard and screen reader support. It uses the MIT license and has about 17,700 GitHub stars.

For an agent

Use it for sortable lists, boards, and reorderable layouts. Test keyboard dragging, and give screen reader announcements for each move.

Why it is here. It is the standard headless toolkit for accessible drag and drop.

Install command, framework, licence and component list.
Components it ships1
Drag And Drop
Helps you build1
Kanban Board
Notable for
  • Framework-agnostic core
  • Keyboard support
  • 17
  • 700 GitHub stars
Provenance

Verified 2026-10-09. HTTP 200. https://dndkit.com/ (HTTP 200, page fetched 2026-10-09), https://github.com/clauderic/dnd-kit (GitHub API, 17705 stars), depo.zip listing https://www.depo.zip/tools/j5783tc1dkzz9p5kzdybmsr34x7t4ss8

Related resourcesComponent Libraries