Skip to content
React Libraries
On this page

Pragmatic drag and drop

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

What it does

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

When it fits

Fine-grained control over drop targets and custom interactions.

What you build

Wire adapters and drop-target behavior into your existing UI. Add appropriate visual feedback and accessible alternatives for actions that would otherwise require dragging.

Keep in mind

A toolkit to assemble; accessible controls and UI need deliberate design.

Other options in this category

  • @hello-pangea/dnd — Reordering items within or between lists using familiar interactions.
  • dnd kit — Custom sortable lists and drag-and-drop interfaces in React.
  • React DnD — Building custom drag-and-drop interactions with explicit application behavior.

Source

Project source for Pragmatic drag and drop ↗

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

Build a sortable list →

All drag & drop options →