Vue Dragging

screenshot of Vue Dragging
html
vue

A sortable list directive with Vue

Overview

Awe-dnd is an innovative library designed for Vue.js that enhances user interaction by making elements draggable. It seamlessly integrates with both desktop and mobile devices, making it a versatile tool for developers looking to improve user experience on their applications. This library adheres to Vue's data-driven philosophy, ensuring that it remains within the familiar paradigm that many developers appreciate.

With support for both Vue 1.0 and Vue 2.0, Awe-dnd provides a straightforward solution for implementing drag-and-drop functionality. Its flexibility allows for multi-combination dragging, meaning that users can select and move multiple items at once, enhancing usability for complex applications.

Features

  • Desktop and Mobile Support: Designed to work flawlessly across both desktop and mobile platforms, ensuring a smooth user experience regardless of device.
  • Data-Driven Philosophy: Maintains Vue's reactive principles, making it easy to integrate and manage state with your application's data.
  • Multi Combination Dragging: Allows users to drag multiple items simultaneously, facilitating more efficient interactions and workflows.
  • Compatibility: Supports both Vue 1.0 and Vue 2.0, giving developers the ability to use it across different projects without worrying about version constraints.
  • Simple Installation: Can be installed easily through npm, allowing quick setup and integration into existing Vue projects.
  • Lightweight License: Distributed under the MIT License, ensuring that it's freely available for commercial and personal use without major restrictions.
html
HTML

HTML templates are pre-designed and pre-built web pages that can be customized and used as a basis for building websites. They often include common elements such as headers, footers, menus, and content sections, and can be easily edited using HTML and CSS to fit specific branding and content needs.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.