Beautiful, accessible drag and drop for lists with React.js
react drag-and-drop drag dnd react.js natural beautifulGet 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 shopifyFramework 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-pluginDazzle is a library for building dashboards with React JS. Dazzle does not depend on any front-end libraries but it makes it easier to integrate with them.Dazzle's goal is to be flexible and simple. Even though there are some UI components readily available out of the box, you have the complete control to override them as you wish with your own styles and layout.
dashboard react-js visualization analytics dashboard-widget drag-and-drop react react-component widgets react-dazzle analytics-dashboardSortable 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 mixinLightweight 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 html5The 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-sourceThe RecyclerView is one of the most used widgets in the Android world, and with it you have to implement an Adapter which provides the items for the view. Most use cases require the same base logic, but require you to write everything again and again. The FastAdapter is here to simplify this process. You don't have to worry about the adapter anymore. Just write the logic for how your view/item should look like, and you are done. This library has a fast and highly optimized core which provides core functionality, most apps require. It also prevents common mistakes by taking away those steps from the devs. Beside being blazing fast, minimizing the code you need to write, it is also really easy to extend. Just provide another adapter implementation, hook into the adapter chain, custom select / deselection behaviors. Everything is possible.
recyclerview fastadapter viewholder multi-select click-listeners drag-and-drop swipe recyclerview-adapter adapter android android-library android-development android-ui mikepenzJavaScript 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 svgAngular 2 Drag-and-Drop without dependencies. Follow me to be notified about new releases.
angular angular2 angular4 drag-and-drop drag drop dropzone angular-2This RecyclerView extension library provides Google's Inbox app like swiping, Play Music app like drag-and-drop sorting and expandable item features. Works on API level 14 or later. This library is published on jCenter. Just add these lines to build.gradle.
android recyclerview drag-and-drop swipe expandable header footerDragscroll 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 viewportThis 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 responsiveThe first constructor parameter is an array of items to populate the grid with. Build the grid structure from scratch, using the positions of the given items. If items lack positional attributes (x and y), they will be misplaced, possibly overlapping. If you want to build a grid around a list of items that only have their size attributes defined (w and h), and rely on the library to position them two-dimensionally, use resizeGrid.
grid drag-and-drop resizable reponsiveKonva is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for desktop and mobile applications, and much more. You can draw things onto the stage, add event listeners to them, move them, scale them, and rotate them independently from other shapes to support high performance animations, even if your application uses thousands of shapes. Served hot with a side of awesomeness.
konva shape node-canvas canvas animation drag-and-drop graphics animations graphic html5React-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 responsiveA 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 previewA 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 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 hocA super tiny Javascript library to make DOM elements draggable and movable. Has touch screen support. Zero dependencies and 500 bytes Gzipped. Demo here. Check this example to include dragmove.js as a <script> directly on an HTML page.
drag-and-drop dom-manipulation move draggable-elements draggable drag 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.