A fast and lightweight drag&drop, sortable library for Vue.js with many configuration options covering many d&d scenarios. This library consists wrapper Vue.js components over smooth-dnd library.
https://kutlugsahin.github.io/vue-smooth-dnd/Tags | vue vuejs2 drag-and-drop drag drop sortable draggable vue.js drag&drop dnd smooth-dnd |
Implementation | Vue |
License | Public |
Platform | NodeJS |
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.
react drag-and-drop draggable dragndrop sortable reactjs drag drop drag-drop drag&drop dndMakes 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 dndVue 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-componentsVue 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 dndDrag 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 hocThat'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-dropBeautiful, accessible drag and drop for lists with React.js
react drag-and-drop drag dnd react.js natural beautifulIn 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 frontendEasily 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.
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.
drag-and-drop vue vuejs2 grid grid-layout widget resize vuejs drag draggable resizable fluid responsiveSince 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-dndAngular 2 Drag-and-Drop without dependencies. Follow me to be notified about new releases.
angular angular2 angular4 drag-and-drop drag drop dropzone angular-2Sortable 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 mixinGet 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 shopifyA 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.
drag drop vuejsVue component (Vue.js 2.0) or directive (Vue.js 1.0) allowing drag-and-drop and synchronization with view model array.
vue vuejs drag and drop list sortable.js web-componentsLightweight 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 html5Vue 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.
vue filepond file upload image-processing vuejs drag drop browse image previewJavaScript 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 svgA JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience. FilePond is compatible with a wide range of desktop and mobile browsers, the oldest explicitely supported browser is IE11, for best cross browser support add FilePond Polyfill and a Promises polyfill to your project.
file-upload drag-and-drop vanilla plugin filepond image-processing file upload drag drop browse paste image preview
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.