Build a sortable list

Reorder a list, move cards between columns, or build a custom drop interaction.

Options for this task

Library / tool

React drag-and-drop components focused on lists.

Good for: Reordering items within or between lists using familiar interactions.

Interaction toolkit

Composable building blocks for dragging, dropping, sorting, and reordering.

Good for: Custom sortable lists and drag-and-drop interfaces in React.
Keep in mind: You still design the interface, interaction rules, and feedback.

Low-level toolkit

Atlassian's drag-and-drop building blocks based on the browser's native capabilities.

Good for: Fine-grained control over drop targets and custom interactions.
Keep in mind: A toolkit to assemble; accessible controls and UI need deliberate design.

Library / tool

React abstractions for draggable items and drop targets.

Good for: Building custom drag-and-drop interactions with explicit application behavior.

Try a small, realistic example. Check the runtime, accessibility, maintenance, and license requirements for the features you need.