React Beautiful DnD

React Beautiful DnD is a drag-and-drop library for React that emphasizes fluid motion, accessibility, and natural constraints. It provides Draggable and Droppable primitives that manage state, sensors, and reordering logic for you, so you focus on rendering. Keyboard support, screen-reader announcements, and predictable focus handling make interactions accessible beyond the mouse. The library computes dimensions and movement carefully to avoid jank, including automatic scrolling and collision handling when lists overflow. It supports common patterns like reordering within a list, moving items between multiple lists, and integrating with virtualized lists. Clear lifecycle callbacks expose what changed during a drag so you can persist updates or trigger side effects reliably.