---
title: "Pragmatic drag and drop"
description: "Atlassian's drag-and-drop building blocks based on the browser's native capabilities."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Good for">Fine-grained control over drop targets and custom interactions.</PurposeNote>

## 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

<div data-pagefind-ignore>

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

</div>

## Source

[Project source for Pragmatic drag and drop ↗](https://atlassian.design/components/pragmatic-drag-and-drop/)

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

[Build a sortable list →](/tasks/build-a-sortable-list)

[All drag &amp; drop options →](/drag-and-drop)