11 best open source drag drop projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 11 from 11 results

dragula - :ok_hand: Drag and drop so simple it hurts

Javascript

Framework support includes vanilla JavaScript, Angular, and React.You can get it on npm.

front-end drag-and-drop vanilla drag-drop dragging component jquery jquery-plugin

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

gong-wpf-dragdrop - The GongSolutions.WPF.DragDrop library is a drag'n'drop framework for WPF

CSharp

The GongSolutions.WPF.DragDrop library is an easy to use drag'n'drop framework for WPF. This framework is free and can be used for free, open source and commercial applications. It's tested and contributed by many people... So mainly hit the ⭐️ button, that's all... thx (💵, 💶, 🍺 or some other gifts are also being accepted...).

c-sharp drag-drop drag-and-drop drag drop gong-wpf-dragdrop ui gui oss open-source

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.

react drag-and-drop draggable dragndrop sortable reactjs drag drop drag-drop drag&drop dnd

SimpleRecyclerView - A RecyclerView extension for building list more easily.

Java

A RecyclerView extension for building list more easily. Basically, there are three steps to build your list.

android recyclerview multi-type diff-utils drag-drop swipe-to-dismiss snappy section-header

react-tags - A fantastically simple tagging component for your React projects

Javascript

React-tags is a simple tagging component ready to drop in your React projects. The component is inspired by GMail's To field in the compose window. Because I was looking for an excuse to build a standalone component and publish it in the wild? To be honest, I needed a tagging component that provided the above features for my React-Surveyman project. Since I was unable to find one which met my requirements (and the fact that I generally enjoy re-inventing the wheel) this is what I came up with.

react react-tags autocomplete dragdrop drag-drop tags tag-input react-component autosuggest

Silex - Silex is a static website builder in the cloud.

Javascript

Silex, is a free and open source website builder in the cloud. Create websites directly in the browser without writing code. And it is suitable for professional designers to produce great websites without constraints. Silex is also known as the HTML5 editor. Brought to you by Silex Labs team, promoting free software.

cloud website-builder nodejs webdesign gpl drag-and-drop drag drag-drop design designer design-tools desktop-application saas hosting whitelabel silex javascipt online-html-page-builder cloud-based-open-source-saas free-website-template-builder live-web-page-editor html5-web-page-editor free-html5-editor free-website-builder-with-source-code free-cms-for-html-website free-website-with-html cms-open-source free-online-html-editors open-source-online-editor silex-website silex-website-builder silex.me open-source-online-website-builder silex-web free-cms-editor tuto-silex website-free-builder html5-website-builder-online silex-css cms-flash-open-source website-builder-with-html-editor free-website-builder-sites silex-cms online-website-builder-open-source create-a-free-website wix.com-open-source-alternative professional-designer webdesigner,-css-web-master webmaster-css-made-easy open-source-cms css3-html5 html-5 javascript-editor wysiwyg creative-commons-web-templates creative-templates github creative-commons

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

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

dragdrop drag-drop html5 shim mobile polyfill

dom-examples - Code examples that accompany various MDN DOM and Web API documentation pages

HTML

Code examples that accompany various MDN DOM and Web API documentation pages. The "abort-api" directory contains an example of how to use the "Abort API" (aka AbortSignal and AbortController). Run the example live.

matchmedia demo drag-drop dom-manipulation pointer-lock mdn-docs touch-events pointer-events channel-messaging