clauderic/dnd-kit
The modern toolkit for building drag and drop interfaces observed · 2026-10-10
Health v2 · maintenance only
86/100
- Activity 94
- Release rhythm 69
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: 0
- age_days: 2155
- days_rel: 131
- days_push: 38
- n_releases_24m: 282
Adoption not part of the score
17707 stars · 919 forks observed · 2026-10-10
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-10-10 · d6129b6fa5af
- homepage: http://dndkit.com · fetched 2026-10-12 · 159795c78c1d
- site_page: http://dndkit.com/legacy/introduction/installation · fetched 2026-10-12 · c6803f646f87
- site_page: http://dndkit.com/quickstart · fetched 2026-10-12 · cde88e904a8f
- site_page: http://dndkit.com/react/quickstart · fetched 2026-10-12 · 9ccd2ec6748c
- site_page: http://dndkit.com/vue/quickstart · fetched 2026-10-12 · d1c85390690e
- site_page: http://dndkit.com/svelte/quickstart · fetched 2026-10-12 · be96a9c2d786
- site_page: http://dndkit.com/solid/quickstart · fetched 2026-10-12 · 7ecfceff6e00
- site_page: http://dndkit.com/changelog · fetched 2026-10-12 · 200376737226
- site_page: http://dndkit.com/extend/plugins · fetched 2026-10-12 · 0b93e3431608
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| clauderic/dnd-kit | main | 86 |
For agents
markdown · JSON · MCP: product_card(name="clauderic/dnd-kit")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem