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.
draggable - The JavaScript Drag & Drop library your grandparents warned you about.
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.
drag-and-drop draggable es6 shopifyjquery.panzoom - :egg: A jQuery plugin for panning and zooming elements using CSS3.
Panzoom 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 dragreact-draggable - React draggable component
A simple component for making elements draggable.If you aren't using browserify/webpack, a UMD version of react-draggable is available. It is updated per-release only. This bundle is also what is loaded when installing from npm. It expects external React and ReactDOM.
react draggable react-componentpackery - :bento: Gapless, draggable grid layouts
Link directly to Packery files on unpkg.If you are creating an open source application under a license compatible with the GNU GPL license v3, you may use Packery under the terms of the GPLv3.
dom browser layout bin binpacking packing masonry gapless draggableSortable - Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices
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 mixininteract
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.
drag-and-drop inertia snap vanilla multi-touch interact.js draggable droppable drag drop resize touch gesture grid autoscroll svgvue-grid-layout - A draggable and resizable grid layout, for Vue.js.
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 responsiveDraggableFlagView - 可拖拽的红点，（仿新版QQ，tab下面拖拽标记为已读的效果），拖拽一定的距离可以消失回调。
可拖拽的红点，（仿新版QQ，tab下面拖拽标记为已读的效果），拖拽一定的距离可以消失回调。
qq-tab custom-view draggablereact-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.
React-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 responsivereact-smooth-dnd - react wrapper components for smooth-dnd
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 dndreact-dnd - Drag and Drop for React
Drag 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 hocdragmove
A 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 dropchartify - React.js plugin for building simple animated draggable charts
The source for this module is in the main repo.Container prop is a class that will be added to the chart container element. This is important in case you have more than one chart on your page.
chart charts react barchart linechart timeline timesheet films music-library music-visualizer react-plugins customizable-charts cinematography movie-collection visualization draggable-elements draggable film-ratings rank reactjs react-js react-chart scale items dataset kinopoisk line-chart bar-chart marks axis calendar-view pyramid progress-chart showreel visualisation diagram graphknockout-sortable - A Knockout
knockout-sortable is a binding for Knockout.js designed to connect observableArrays with jQuery UI's sortable functionality. This allows a user to drag and drop items within a list or between lists and have the corresponding observableArrays updated appropriately. Note: The sortable binding assumes that the child "templates" have a single container element. You cannot use containerless bindings (comment-based) bindings at the top-level of your template, as the jQuery draggable/sortable functionality needs an element to operate on.
knockout knockout.js knockoutjs sortable draggablereact-rnd - 🖱 A resizable and draggable component for React.
A resizable and draggable component for React. The width and height property is used to set the default size of the component. For example, you can set 300, '300px', 50%. If omitted, set 'auto'.
react drag resize resizable component draggablevue-draggable-resizable - Vue2 Component for draggable and resizable elements.
Vue2 Component for draggable and resizable elements. Determines if the component should be active or not. The prop reacts to changes and also can be used with the syncmodifier to keep the state in sync with the parent.
vuejs2 draggable resizable component vue dragabblereact-ui-tree - React tree component
This project was initially developed for a webpage builder. It maintains an internal tree structure within the component through js-tree.
react tree draggable react-componentgijgo - Gijgo - Free Javascript Controls
Gijgo is a set of free for commercial use javascript controls distributed under MIT License. All widgets are high performance, built on top of the jQuery JavaScript Library with built-in support for Bootstrap 4 and Material Design. They are designed to saves you time and scales with your development process.
plugin jquery-plugin tree grid table modal dialog datagrid droppable draggable treeview gijgo datepicker timepicker dropdown bootstrapvue-dragging - A sortable list directive with Vue
Makes 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 dnd
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.
