SortableJS/Vue.Draggable

Health v2 · maintenance only

Adoption not part of the score

20588 stars · 2837 forks observed · 2026-08-28

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

A Vue.js component (Vue 2) and directive (Vue 1) that adds drag-and-drop reordering to lists, built on top of Sortable.js. It keeps the HTML DOM and the Vue view model array in sync as items are dragged.

Use cases

• reorder items in a to-do list by dragging
• drag and drop between multiple lists in Vue
• make vuetify or element-ui components draggable
• sortable kanban-style columns in a Vue app
• touch-friendly drag reordering on mobile web
• sync drag-and-drop changes with the Vue view model array

When to choose

• you need drag-and-drop list reordering in a Vue 2 application
• you want Sortable.js features (touch, handles, auto-scroll, cross-list dragging) with Vue integration
• you need the DOM and your data array to stay in sync automatically
• you want to wrap existing UI library components as draggable

When to avoid

• you are using Vue 3 - use vue.draggable.next instead
• you need drag-and-drop outside of Vue
• you need a framework-agnostic solution without Vue

Facets

plugin · maturity maintenance

ui-components animation frontend-framework frontend web-development cross-platform browser drag-and-drop vue vue2 sortablejs component reorderable-lists nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="SortableJS/Vue.Draggable")