Introduction

drag.0001.dev

Drag primitives for framework-neutral interfaces.

`@0001-labs/drag` is a small TypeScript drag-and-drop engine with element adapters, drop targets, monitors, cleanup utilities, and Web Components for accessible list reordering.

Manual Setup Live Demo

Install

Section titled “Install”
Terminal window
pnpm add @0001-labs/drag
import { combine, reorder } from "@0001-labs/drag";
import {
  draggable,
  dropTargetForElements,
  monitorForElements,
} from "@0001-labs/drag/element";

What it gives you

Section titled “What it gives you”
  • A framework-agnostic element adapter.
  • Typed drag lifecycle payloads.
  • Drop targets resolved from the deepest DOM element upward.
  • Source → target → monitor event ordering.
  • Web Components for accessible list reordering.

Next Steps

Section titled “Next Steps”