EffDND

EffDnD is a self-confident Drag and Drop library based only on the browser APIs.

Some features

• lightweight
• zero-dependency
• framework agnostic
• touch events support
• customizable styles

Links

• Docs
• SourceCraft
• GitVerse
• GitHub

Examples

• React
• Svelte

Installation

Type in your terminal:

Quick start

In short,

uses two custom web component:

• effdnd trigger
  is triggerring drag-and-drop,
• effdnd-actor
  indicates the areas of the layout that will participate in the drag-and-drop process (play their roles).

The web component

can "play" several roles:

• item
  - the item being moved.,
• target
  - the target of the move,
• scope
  - movement boundaries.

To define both web components, simply call the

function, and use the results of the call to create event listeners

That's all. Enjoy simplicity.