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 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

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: 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