react-dnd/react-dnd
Drag and Drop for React observed · 2026-08-28
Health v2 · maintenance only
36/100
- Activity 30
- Release rhythm 8
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 4336
- days_rel: n/a
- days_push: 423
- n_releases_24m: 0
Adoption not part of the score
21637 stars · 1995 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
React DnD is a set of React utilities for building drag-and-drop interfaces, built on the HTML5 drag-and-drop API with touch and custom backends. It uses a declarative, data-driven approach where components declare their drag sources and drop targets.
Use cases
- add drag and drop to react components
- build sortable lists in react
- implement kanban board drag and drop
- reorder items with drag and drop
- drag files or cards between containers in react
- declarative drag and drop for react app
When to choose
- you need mature, battle-tested drag-and-drop for React with a large ecosystem
- you want a declarative API with testable drag sources and drop targets
- you need custom drag previews or multiple backends (HTML5, touch, test)
When to avoid
- you use a framework other than React
- you only need simple sortable lists where a lighter library like dnd-kit may suffice
- you need drag-and-drop outside the browser, e.g. native desktop apps
Facets
library · maturity stable
ui-components frontend-framework frontend web-development browser cross-platform react drag-and-drop typescript html5-drag-drop touch-support nodejs
3 sources
- readme: https://github.com/react-dnd/react-dnd · fetched 2026-08-28 · cf861675fd66
- homepage: http://react-dnd.github.io/react-dnd · fetched 2026-08-29 · 044cf70b16df
- registry_npm: https://registry.npmjs.org/react-dnd · fetched 2026-08-29 · 9b501fa4a3d4
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| react-dnd/react-dnd | main | 36 |
For agents
markdown · JSON · MCP: product_card(name="react-dnd/react-dnd")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem