Beautiful, accessible drag and drop for lists with React.js
react drag-and-drop drag dnd react.js natural beautifulFile 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.
file upload widget multiple selection drag drop progress preview cross-domain cross-site chunk resume gae bootstrapPanzoom is a progressive plugin to create panning and zooming functionality for an element. Rather than setting width and height on an image tag, Panzoom uses CSS transforms and matrix functions to take advantage of hardware/GPU acceleration in the browser, which means the element can be anything: an image, a video, an iframe, a canvas, text, WHATEVER. jquery.panzoom.min.js (12.5kb/4.6kb gzip), included in this repo, is compressed with uglifyjs.
panzoom pan zoom draggable dragging dragSortable 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-sourceDrag 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 sortJavaScript 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-2Dragscroll 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 viewportVue.js file upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory, Upload multiple files at the same time, html4 (IE 9), `PUT` method, Customize the filter
uploads component vue drag upload uploader upload-directory vue.js file directory multiple chunk drag-directory vue-component vue-upload-componentThis 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 responsiveSwipeable UITableViewCell/UICollectionViewCell based on the stock Mail.app, implemented in Swift. Check out my blog post on how SwipeCellKit came to be.
uikit ios swipe uitableview uitableviewcell drag tableviewMade in Yalantis. For application targets that do not support embedded frameworks, such as iOS 7, Persei can be integrated by including source files from the Persei folder directly, optionally wrapping the top-level types into struct Persei to simulate a namespace. Yes, this sucks.
ios persei uicollectionview uiscrollview uitableview drag animation custom menu cocoapods carthage navigatorVue 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-componentsAn abnormal horizontal ListView-like pile layout. The following pictures were captured earlier. Since the source code and the outputted-apk have changed some params, you will have a different UI when you directly run the code or install the apk file. Hope there has no confusions later.
viewgroup slide drag pile cardedit personal information which enables users to drag and rank image order
drag image-rank tantan viewgroup gridReact-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 responsiveI hope you can copy the source code to your project so you can design your own function. copy the source code to your project so you can design your own function.
stickers drag stickerview customviewPopup your custom view is easy, support custom mask style, transition effects and gesture to drag. To run the example project, clone the repo, and run pod install from the Example directory first.
mask alert popup present spring sina qzone custom-view actionsheet share sidebar fullscreen drag drop elastic sheet maskedinput overlay gesture
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.