clauderic/dnd-kit
The modern toolkit for building drag and drop interfaces observed · 2026-08-28
Health v2 · maintenance only
88/100
- Activity 92
- Release rhythm 76
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 0
- age_days: 2107
- days_rel: 83
- days_push: 51
- n_releases_24m: 282
Adoption not part of the score
17571 stars · 916 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
A modern, lightweight, and extensible drag and drop toolkit for the web with a framework-agnostic core and adapters for React, Vue, Svelte, and Solid. It supports pointer, mouse, touch, and keyboard input, sortable lists, multiple containers, and built-in accessibility features.
Use cases
- build sortable lists in React
- drag and drop between multiple containers
- reorder items in a grid with drag and drop
- add keyboard-accessible drag and drop
- make elements draggable in Vue or Svelte
- build a kanban board with drag and drop
- support touch and pointer dragging on mobile web
When to choose
- you need performant, accessible drag and drop in a modern frontend framework
- you need sortable lists, grids, or multi-container drag and drop
- you want a framework-agnostic core with React, Vue, Svelte, or Solid adapters
- you need keyboard and screen reader support for drag interactions
When to avoid
- you need file drag and drop uploads from the OS rather than in-page element dragging
- you are building a native mobile or desktop app rather than a web interface
- you need a tiny one-off draggable modal where native HTML5 drag events suffice
Facets
library · maturity active
ui-components frontend-framework animation accessibility web-development frontend cross-platform browser drag-and-drop sortable react vue svelte solidjs typescript keyboard-accessible nodejs web-server
10 sources
- readme: https://github.com/clauderic/dnd-kit · fetched 2026-08-28 · d6129b6fa5af
- homepage: http://dndkit.com · fetched 2026-08-29 · 159795c78c1d
- site_page: http://dndkit.com/legacy/introduction/installation · fetched 2026-08-29 · c6803f646f87
- site_page: http://dndkit.com/quickstart · fetched 2026-08-29 · cde88e904a8f
- site_page: http://dndkit.com/react/quickstart · fetched 2026-08-29 · 9ccd2ec6748c
- site_page: http://dndkit.com/vue/quickstart · fetched 2026-08-29 · d1c85390690e
- site_page: http://dndkit.com/svelte/quickstart · fetched 2026-08-29 · be96a9c2d786
- site_page: http://dndkit.com/solid/quickstart · fetched 2026-08-29 · 7ecfceff6e00
- site_page: http://dndkit.com/changelog · fetched 2026-08-29 · 200376737226
- site_page: http://dndkit.com/extend/plugins · fetched 2026-08-29 · 0b93e3431608
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| clauderic/dnd-kit | main | 88 |
For agents
markdown · JSON · MCP: product_card(name="clauderic/dnd-kit")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem