drag-drop - HTML5 drag & drop for humans

  •        74

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.

https://github.com/feross/drag-drop

Dependencies:

blob-to-buffer : ^1.0.2
flatten : ^1.0.2
run-parallel : ^1.0.0

Tags
Implementation
License
Platform

   




Related Projects

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-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.

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.

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.


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.

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.

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.

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.

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.

ngDroplet - Angular.js HTML5 file uploading with drag & drop and image/file preview.

  •    Javascript

Angular.js HTML5 file uploading with drag & drop and image/file preview.

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.

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.

mobile-drag-drop - A drop-in shim to allow you to use existing html5 drag'n'drop code with mobile browsers

  •    TypeScript

The HTML 5 drag'n'drop API allows you to implement drag'n'drop on most desktop browsers. Luckily, browsers give us enough tools to make it happen ourselves. If you drop this package in your page your existing HTML 5 drag'n'drop code should just work (*almost).

jQuery-File-Upload - File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery

  •    Javascript

File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.

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.

OBDragDrop - OBDragDrop is a self-contained iOS drag and drop library that depends only on UIKit.

  •    Objective-C

OBDragDrop is a compact iOS UI library for drag and drop. It is self-contained and depends only on UIKit. The view that is dragged then asks its OBOvumSource, typically the UIViewController, for information on the data object that should be attached to the drag and drop.





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.