A modern, lightweight drag and drop library for Vue 3 applications
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, but specifically designed for the Vue.js ecosystem.
- Composable API: Simple composables like
useDraggable
anduseDroppable
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
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
Visit our documentation site for guides, API references, and examples.
- Vue 3
- VueUse
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
Made with β€οΈ for the Vue.js community