Vue DnD Kit
A headless drag-and-drop library for Vue 3 with a composable API, zero dependencies, and powerful array manipulation helpers.
What is Vue DnD Kit?
Vue DnD Kit is a headless drag-and-drop library specifically designed for Vue 3 applications. It provides a composable API that attaches drag-and-drop functionality directly to elements via template refs, eliminating the need for wrapper components. The library solves complex array manipulation during drag operations with smart helpers that handle sorting, swapping, copying, and removing items automatically.
Vue 3 developers building interactive applications that require drag-and-drop functionality, particularly those working on sortable lists, Kanban boards, nested interfaces, or complex data manipulation UIs.
Developers choose Vue DnD Kit for its headless approach that doesn't impose markup or styles, its zero-dependency architecture, and its powerful array manipulation helpers that eliminate manual splice logic. The library offers full TypeScript support, tree-shaking, and comprehensive features like multi-drag, keyboard navigation, and async drop out of the box.
Overview
🎯 Modern drag & drop solution for Vue 3 applications. Simple API, powerful features, zero dependencies.
Use Cases
Best For
- Building sortable lists and grids in Vue 3 applications
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
