vue-draggable - VueJS Drag and Drop library without any dependency

  •        17

VueJS Drag and Drop library without any dependency

https://github.com/Vivify-Ideas/vue-draggable#readme
https://github.com/Vivify-Ideas/vue-draggable

Tags
Implementation
License
Platform

   




Related Projects

vue-grid-layout - A draggable and resizable grid layout, for Vue.js.

  •    Vue

This is the initial layout of the grid. The value must be an Array of Object items. Each item must have i, x, y, w and h proprties. Please refer to GridItem documentation below for more informations.

draggable - The JavaScript Drag & Drop library your grandparents warned you about.

  •    Javascript

Get complete control over drag and drop behaviour with Draggable! Draggable abstracts native browser events into a comprehensive API to create a custom drag and drop experience. Draggable comes with additional modules: Sortable, Droppable, Swappable. Draggable itself does not perform any sorting behaviour while dragging, but does the heavy lifting, e.g. creates mirror, emits events, manages sensor events, makes elements draggable.The additional modules are built on top of Draggable and therefore provide a similar API interface, for more information read the documentation below.

vue-drag-and-drop-list - 🐴 Vue directives for modifying lists with the HTML5 drag & drop API.

  •    Javascript

Vue directives that allow you to build sortable lists with the native HTML5 drag & drop API. Supports nested lists for building trees and other fancy structures. In general, in 2.0 directives have a greatly reduced scope of responsibility: they are now only used for applying low-level direct DOM manipulations. In most cases, you should prefer using Components as the main code-reuse abstraction.

vddl - 🦄 Vue components for modifying lists with the HTML5 drag & drop API.

  •    Vue

Vue components for modifying lists with the HTML5 drag & drop API. Touch devices are not supported, because they do not implement the HTML5 drag & drop standard. However, you can use a shim to make it work on touch devices as well.


vue-drag-and-drop - A for Vue

  •    Javascript

A directive for providing drag and drop capabilities to elements and data. Available through npm install vue-drag-and-drop or include as an inline script, like in example.html.

react-dnd - Drag and Drop for React

  •    TypeScript

Drag and Drop for React. Big thanks to BrowserStack for letting the maintainers use their service to debug browser issues.

Vue

  •    Javascript

Vue component (Vue.js 2.0) or directive (Vue.js 1.0) allowing drag-and-drop and synchronization with view model array.

react-smooth-dnd - react wrapper components for smooth-dnd

  •    Javascript

A fast and lightweight drag&drop, sortable library for React with many configuration options covering many d&d scenarios. It uses css transitions for animations so it's hardware accelerated whenever possible. This library consists wrapper React components over smooth-dnd library.

Sortable - Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices

  •    Javascript

Sortable is a minimalist JavaScript library for reorderable drag-and-drop lists. You can use any element for the list and its elements, not just ul/li. Here is an example with divs.

interact

  •    Javascript

JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+). Visit http://interactjs.io/docs for the API documentation.

drag-drop - HTML5 drag & drop for humans

  •    Javascript

In case you didn't know, the HTML5 drag and drop API is a total disaster! This is an attempt to make the API usable by mere mortals.This module works in the browser with browserify.

vue-sortable - A lightweight directive for reorderable drag-and-drop lists using RubaXa/Sortable

  •    Javascript

Easily add drag-and-drop sorting to your Vue.js applications without jQuery, using the v-sortable directive, a thin wrapper for the minimalist RubaXa/SortableJS library. Note that you will need to include RubaXa/Sortable & Vue before including vue-sortable.

react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.

  •    Javascript

React-Grid-Layout is a grid layout system much like Packery or Gridster, for React. Unlike those systems, it is responsive and supports breakpoints. Breakpoint layouts can be provided by the user or autogenerated.

vue-picture-input - Mobile-friendly picture file input Vue

  •    Vue

Mobile-friendly picture file input Vue.js component with image preview, drag and drop, EXIF orientation, and more. All contributions are welcome, as long as they are within the scope of the project. Please open a new issue before submitting a pull request.

vue-filepond - 🔌 A handy FilePond adapter component for Vue

  •    Javascript

Vue FilePond is a handy adapter component for FilePond, a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.

TableDnD - jQuery plug-in to drag and drop rows in HTML tables

  •    HTML

You'll also need to include jQuery before you include this plugin (so that jQuery is defined). Basically we get the table element and call tableDnD. If you try this, you'll see that the rows are now draggable.

html5sortable - VanillaJS sortable lists and grids using native HTML5 drag and drop API.

  •    TypeScript

Lightweight vanillajs micro-library for creating sortable lists and grids using native HTML5 drag and drop API. If you would like to add an adapter to the list, please create an issue with the link to your adapter.

knockout-sortable - A Knockout

  •    Javascript

knockout-sortable is a binding for Knockout.js designed to connect observableArrays with jQuery UI's sortable functionality. This allows a user to drag and drop items within a list or between lists and have the corresponding observableArrays updated appropriately. Note: The sortable binding assumes that the child "templates" have a single container element. You cannot use containerless bindings (comment-based) bindings at the top-level of your template, as the jQuery draggable/sortable functionality needs an element to operate on.