dnd-kit-svelte

A Svelte port of the powerful [@dnd-kit][dnd-kit ] library, providing a modern, lightweight, performant, accessible, and extensible drag & drop toolkit for Svelte applications.

Key Features

• Complete feature parity with the original React implementation of dnd-kit
• Adapted to work with Svelte's reactivity system
• Supports all core dnd-kit concepts:
  • Draggable elements
  • Droppable areas
  • DndContext provider
  • Sensors
  • Modifiers
  • Collision detection

Svelte-Specific Adaptations

• Uses functions for reactive values in hooks
• Returns values with .current getters to ensure reactivity
• Maintains consistent patterns across all hooks (useDraggable, useDroppable, useSortable)

Target Audience

Svelte developers who need a robust drag & drop solution with:

• Full accessibility support
• Customizable behavior
• Performance optimizations
• Framework-specific reactivity handling

For detailed documentation, refer to the [original dnd-kit documentation][dnd-kit-docs ].