Skip to content

🎯 Modern drag & drop solution for Vue 3 applications. Simple API, powerful features, zero dependencies.

License

Notifications You must be signed in to change notification settings

ZiZIGY/vue-dnd-kit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

97 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Vue DnD Kit Logo

A modern, lightweight drag and drop library for Vue 3 applications

Documentation Status: ready License: MIT

πŸ“‹ 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, 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 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 file for details.

Made with ❀️ for the Vue.js community