# hello-pangea/dnd

💅 Beautiful and accessible drag and drop for lists with React. ⭐️ Star to support our work!

Repository: https://github.com/hello-pangea/dnd
Canonical: https://ross.abutalabs.com/products/dnd
Homepage: https://dnd.hellopangea.com
Language: TypeScript
License: NOASSERTION
License Family: other
Topics: react, drag-and-drop, drag, dnd, sortable, reordering, forked, typescript, react-beautiful-dnd, react-component, react-drag-and-drop, react-draggable, react-sortable
Last push: 2026-08-26T17:03:43+00:00

## Health v2 (maintenance only)
Score: 74/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 99, release rhythm 28, longevity 100
- inputs: {"age_days": 2088, "days_push": 7, "days_rel": 570, "gap_med": 73.5, "n_releases_24m": 3}
- flags: no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 4012, forks 131 (observed 2026-08-28T04:08:32.327959+00:00)

## What it is
@hello-pangea/dnd is a maintained fork of react-beautiful-dnd providing beautiful, accessible drag-and-drop for lists in React applications. It supports vertical and horizontal lists, cross-list movement, virtual lists, and mouse/keyboard/touch interactions with strong screen reader support.

## Use cases
- add drag and drop reordering to a React list
- build a kanban board with draggable cards in React
- sortable list with keyboard accessibility
- drag items between multiple lists in React
- drag and drop with virtualized lists of thousands of items
- replace deprecated react-beautiful-dnd with a maintained fork

## When to choose
- you need polished, animated drag-and-drop for lists in React
- accessibility (keyboard and screen reader) is a requirement
- you want a maintained fork of react-beautiful-dnd with TypeScript support

## When to avoid
- you need free-form 2D grid or arbitrary-shape dragging rather than lists
- your project is not React-based
- you need tree-structured drag-and-drop out of the box

## Facets
- artifact type: library
- maturity: active
- function: ui-components, animation, state-management, accessibility
- domain: frontend, web-development, accessibility
- platform: browser, cross-platform
- tags: drag-and-drop, react, sortable-lists, typescript, react-beautiful-dnd-fork, nodejs

## Member repositories
- hello-pangea/dnd (main) score 74

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:08:32.327959+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:24:01.157756+00:00, confidence not recorded.
  - readme: https://github.com/hello-pangea/dnd (fetched 2026-08-28T04:08:32.327959+00:00, sha 12a7c76f8656)
- Data as of 2026-08-30T08:39:29.467469+00:00.