dflex-js/dflex

Health v2 · maintenance only

Adoption not part of the score

1743 stars · 27 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

DFlex is a vanilla JavaScript drag-and-drop library that transforms DOM elements in place instead of reconstructing the DOM tree, using its own scheduler and reconciler. It is headless, framework-agnostic, and designed to prevent layout shifts while handling large lists of draggable elements.

Use cases

• add drag and drop to a web app without jQuery or a framework lock-in
• build sortable lists with smooth animations and no layout shift
• implement kanban-style draggable cards in React, Vue, or vanilla JS
• handle drag and drop for large lists with many elements efficiently
• create draggable and droppable interfaces with custom restrictions
• replace ghost/clone-based DnD libraries with transformation-based movement

When to choose

• you need framework-agnostic, headless drag-and-drop in vanilla JavaScript
• you want to avoid layout shifts and DOM reconstruction during dragging
• you need to sort large lists of elements with high performance
• you want fine-grained control over drag events and DOM registration

When to avoid

• you need a batteries-included solution with prebuilt React/Vue components
• you require file drag-and-drop uploads rather than element reordering
• you want a library with a very large community and ecosystem like dnd-kit or SortableJS
• you need touch-free accessibility-first DnD out of the box

Facets

library · maturity active

ui-components animation state-management frontend web-development browser cross-platform drag-and-drop sortable dom-manipulation vanilla-javascript headless typescript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="dflex-js/dflex")