dnd kit
Composable building blocks for dragging, dropping, sorting, and reordering.
What it does
Composable building blocks for dragging, dropping, sorting, and reordering.
When it fits
Custom sortable lists and drag-and-drop interfaces in React.
What you build
Connect draggable and droppable elements to your application state. Choose sensors, sorting behavior, and visual feedback; test pointer and keyboard interactions in your actual layout.
Keep in mind
You still design the interface, interaction rules, and feedback.
Other options in this category
- @hello-pangea/dnd — Reordering items within or between lists using familiar interactions.
- Pragmatic drag and drop — Fine-grained control over drop targets and custom interactions.
- React DnD — Building custom drag-and-drop interactions with explicit application behavior.
Source
Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.