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.

react drag-and-drop reactjs file drag drop html5 draggable droppable dnd react-component hoc

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.

drag sortable reordering sort drag-and-drop drag-drop ui draggable droppable reorder meteor angular ng-sortable react mixin

react-beautiful-dnd - Beautiful, accessible drag and drop for lists with React.js

•    Javascript

---

Beautiful, accessible drag and drop for lists with React.js

react drag-and-drop drag dnd react.js natural beautiful

vue-dragging - A sortable list directive with Vue

•    Javascript

---

Makes your elements draggable in Vue. group is unique key of dragable list.

vue vue-dragging vue-drag vue-dnd draggable drag drop html5 droppable drag-and-drop dnd

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.

vue html5-drag drag-and-drop-list dnd

react-dnd-touch-backend - Touch Backend for react-dnd

•    Javascript

---

Since native Drag-n-Drop is not currently supported in touch devices. A custom DragPreview is required. Check out the example for a sample implementation.We might try to build it directly in the Backend itself in the future to compensate for this limitation.

react drag drop touch react-dnd

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.

html5 drag-drop drag-and-drop browserify browser drag drop dnd drag-&-drop frontend

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.

drag-and-drop draggable es6 shopify

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-dnd dnd drag-and-drop vue vue-components

react-native-sortable-listview - Drag drop capable wrapper of ListView for React Native

•    Javascript

---

Drag drop capable wrapper of ListView for React Native. Allows for dragging and dropping of rows with automatic scrolling while dragging. See example.

react-component ios android react-native drag drop touch listview list sort

ng2-dnd - Angular 2 Drag-and-Drop without dependencies

•    TypeScript

---

Angular 2 Drag-and-Drop without dependencies. Follow me to be notified about new releases.

angular angular2 angular4 drag-and-drop drag drop dropzone angular-2

vue-slicksort - A set of vue mixins to turn any list into an animated, touch-friendly, sortable list ✌️

•    Javascript

---

That's it! Vue Slicksort does not come with any styles by default, since it's meant to enhance your existing components.

drag grid drop vue-slicksort mixin-components sortable-helper sort animated dependency free vue vuejs vue-component vue-mixin sortable sortable-list list smooth mixin component react-sortable-hoc vue-sort vue-sortable drag-and-drop

react-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React

•    Javascript

---

An absolute layout grid with animations, filtering, zooming, and drag and drop support. Use your own component as the grid item. See the Demo. The idea behind AbsoluteGrid is high performance. This is achieved by using Translate3d to position each item in the layout. Items are never removed from the DOM, instead they are hidden. For best performance you should avoid re-arranging or removing items which you pass into AbsoluteGrid, instead you can use the filtered and sort properties to hide or sort an item. Those properties are customizable using the keyProp and filterProp properties. In addition, all data passed must be immutable so that we don't waste any renders.

react reactjs reactjs-components react-component react-components

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.

vanillajs sortable-lists drag vanilla-javascript drag-and-drop sortables sortable html5

ngDraggable - Drag and drop module for Angular JS

•    Javascript

---

Drag and drop module for Angular JS with support for touch devices. demo. ng-drag-start and ng-drag-move is also available. Add to the ng-drop element. ng-drag-stop can be used when you want to react to the user dragging an item and it wasn't dropped into the target container.

react-sortable - A sortable list component built with React

•    Javascript

---

Higher-order component for creating sortable lists with minimalistic implementation and without polyfills. Using just React.js and HTML5 DragEvent interface. Mainly tested in latest stable Webkit, Firefox and IE.

react sortable sorting drag drop dragndrop draganddrop

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.

react grid drag-and-drop resize es2015 drag draggable resizable fluid responsive

Silverlight Drag Drop Manager

•    Silverlight

---

Silverlight Drag Drop Manager allows you to easily implement drag and drop behaviour in your Silverlight projects by providing a DragSource & DropTarget control, which act as a content container and can contain any SL user control. Highly configurable.

dragdrop drag-and-drop drag-drop-manager dragdropmanager silverlight-controls

dragscroll - micro library for drag-n-drop scrolling style

•    Javascript

---

Dragscroll is a micro JavaScript library (910 bytes minified) which enables scrolling via holding the mouse button ("drag and drop" or "click and hold" style, online demo). It has no dependencies and is written in vanilla JavaScript (which means it works anywhere). That's it! Now you can scroll it by dragging. You can also add the dragscroll class to the <body> element and drag the whole page.

scrolling dragscroll enables-scrolling mouse scroll micro-library drag hold drag-n-drop drag-and-drop click-n-hold click-and-hold viewport

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-and-drop inertia snap vanilla multi-touch interact.js draggable droppable drag drop resize touch gesture grid autoscroll svg