A modular toolkit for building drag and drop interfaces

​
Key features

  • Framework agnostic: First-class support for both React and Vanilla JavaScript
  • Batteries included: Drag, drop, sort, and reorder in any layout or direction
  • Fully extensible: Plugins, sensors, and modifiers for complete control
  • Production ready: Built for performance, accessibility, and reliability

​
Getting started

Choose your preferred framework to get started:

React

Build drag and drop interfaces using React components and hooks

Vanilla

Build drag and drop interfaces using plain JavaScript

​
Core Concepts

Learn the essential building blocks:

Manager

The central orchestrator that coordinates drag and drop operations

Draggable

Elements that can be picked up and dragged to new locations

Droppable

Target areas where draggable elements can be dropped

Sortable

Draggable elements that can be reordered within and across lists

​
Extend and customize

Make it your own with powerful extension points:

Plugins

Add new features and behaviors with the plugin system

Sensors

Support different input methods like mouse, touch, and keyboard

Modifiers

Modify drag behavior with constraints and transformations

​
Sponsors