https://github.com/ZiZIGY/vue-dnd-kit
🎯 Modern drag & drop solution for Vue 3 applications. Simple API, powerful features, zero dependencies.
https://github.com/ZiZIGY/vue-dnd-kit
dnd dnd-kit drag drag-and-drop drag-drop draggable dragndrop drop sortable vue-dnd vue-dnd-kit vue-drag vue-drag-and-drop vue-draggable vue-drop vue-dropzone
Last synced: 3 months ago
JSON representation
🎯 Modern drag & drop solution for Vue 3 applications. Simple API, powerful features, zero dependencies.
- Host: GitHub
- URL: https://github.com/ZiZIGY/vue-dnd-kit
- Owner: ZiZIGY
- License: mit
- Created: 2025-03-29T12:33:50.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2026-03-01T18:27:39.000Z (4 months ago)
- Last Synced: 2026-03-01T20:47:34.595Z (4 months ago)
- Topics: dnd, dnd-kit, drag, drag-and-drop, drag-drop, draggable, dragndrop, drop, sortable, vue-dnd, vue-dnd-kit, vue-drag, vue-drag-and-drop, vue-draggable, vue-drop, vue-dropzone
- Language: TypeScript
- Homepage: https://zizigy.github.io/vue-dnd-kit/
- Size: 6.41 MB
- Stars: 177
- Watchers: 1
- Forks: 7
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
A modern, lightweight drag and drop library for Vue 3 applications
## 📋 About
This repository contains the source code for Vue DnD Kit - a lightweight, high-performance drag and drop toolkit for Vue 3 applications. Inspired by the popular [React DnD Kit](https://dndkit.com/), but specifically designed for the Vue.js ecosystem.
## 🚀 Features
- **Composable API**: Simple composables like `useDraggable` and `useDroppable` for creating drag and drop interfaces
- **High Performance**: Built with performance in mind using efficient algorithms and optimizations
- **TypeScript Support**: Written in TypeScript for better developer experience and code reliability
- **Accessibility**: Designed with accessibility in mind, supporting keyboard navigation and screen readers
- **Flexible**: Create custom drag overlays, handles, and complex nested interfaces
## 📦 Repository Structure
The repository is organized into several packages:
- **packages/core**: The main package with core drag and drop functionality
- **packages/components**: (Coming soon) Ready-to-use components built on top of the core library
- **packages/utils**: (Coming soon) Utility functions for advanced customization
- **packages/devtools**: (Coming soon) Developer tools for debugging and optimizing
- **docs**: Documentation site built with VitePress
## 📖 Documentation
Visit our [documentation site](https://zizigy.github.io/vue-dnd-kit/) for guides, API references, and examples.
## 🔧 Dependencies
- Vue 3
- VueUse
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
Made with ❤️ for the Vue.js community