formkit/drag-and-drop

Health v2 · maintenance only

Adoption not part of the score

1948 stars · 52 forks observed · 2026-08-28

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

FormKit Drag & Drop is a tiny (~4Kb gzipped), framework-agnostic JavaScript library for adding data-first drag-and-drop sorting and list-to-list transferring to web apps. It keeps your array as the source of truth and ships first-class wrappers for React, Vue, Solid, and vanilla JS/TS.

Use cases

• add drag-and-drop sorting to a list in React
• reorder items in a Vue list by dragging
• transfer items between two lists with drag and drop
• implement multi-drag selection and reordering
• add drag handles and drop zones to a kanban-style board
• sortable lists in plain JavaScript without a framework
• animated drag-and-drop reordering with insert indicators

When to choose

• you want a lightweight, dependency-free drag-and-drop solution
• you prefer a data-first model where your array drives the DOM
• you use React, Vue, Solid, or vanilla JS and want consistent APIs
• you need multi-drag, animations, drop zones, or drag handles out of the box

When to avoid

• you need complex nested-tree drag-and-drop layouts
• you require file drag-and-drop uploads rather than list sorting
• you need drag-and-drop for canvas or non-DOM rendering contexts

Facets

library · maturity active

ui-components animation state-management web-development frontend browser cross-platform drag-and-drop sortable-lists data-first react vue solid typescript lightweight framework-agnostic nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="formkit/drag-and-drop")