Dragula

Dragula: Modern JavaScript Drag and Drop Library

A lightweight, customizable drag and drop solution for web applications, compatible with React, Vue, and Angular.

What is Dragula?

Dragula is an open-source JavaScript library that enables drag and drop functionality in web applications. Developed by Nicolás Bevacqua, Dragula allows you to move elements around the DOM using drag and drop without needing to write any JavaScript code.

Some key features of Dragula include:

• Lightweight at only 3kb gzipped
• Does not depend on jQuery
• Works well with frameworks like React, Vue, and Angular
• Supports touch devices
• Flexible API with multiple options for configuration
• Supports dragging between different lists and containers
• Animates elements as they are being dragged
• Open-source and available on GitHub

Dragula is easy to set up and has good documentation and examples to help you get started. It handles most of the complex code behind the scenes so you can add drag and drop to your app with minimal JavaScript configuration. The lack of jQuery dependency makes it a great choice for modern web apps using frameworks like React or Vue.

Overall, Dragula is a lightweight but powerful library for enabling drag and drop functionality. Its small size, ease of use, browser support, and flexibility make it a great choice for adding drag and drop to web projects.

Dragula Features

Official Links