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.
react-beautiful-dnd - Beautiful, accessible drag and drop for lists with React.js
- 620
Beautiful, accessible drag and drop for lists with React.js
https://github.com/atlassian/react-beautiful-dnd| Tags | react drag-and-drop drag dnd react.js natural beautiful |
| Implementation | Javascript |
| License | Apache Apache-2.0 |
| Platform | OS-Independent |
Related Projects
react-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 hocreact-dnd-touch-backend - Touch Backend for react-dnd
Since native Drag-n-Drop is not currently supported in touch devices. A custom DragPreview is required. Check out the example for a sample implementation.We might try to build it directly in the Backend itself in the future to compensate for this limitation.
react drag drop touch react-dndvddl - 🦄 Vue components for modifying lists with the HTML5 drag & drop API.
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.
vue-dnd dnd drag-and-drop vue vue-componentsdrag-drop - HTML5 drag & drop for humans
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 frontendvue-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 dndvue-drag-and-drop-list - 🐴 Vue directives for modifying lists with the HTML5 drag & drop API.
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.
vue html5-drag drag-and-drop-list dndng2-dnd - Angular 2 Drag-and-Drop without dependencies
Angular 2 Drag-and-Drop without dependencies. Follow me to be notified about new releases.
angular angular2 angular4 drag-and-drop drag drop dropzone angular-2react-native-sortable-listview - Drag drop capable wrapper of ListView for React Native
Drag 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 sortreact-planner - :pencil2: A React Component for plans design
react-planner is a React component which can be used to draw model buildings. Drag & drop from a catalog of customizable and ready-to-use objects, you can start from 2D wireframes and land on 3D models. As a developer you can provide your users with new objects by adding them to the catalog.
component interface react react-component reactjs ui webgl threejs svg floorplans draw floorplanner plan 3d home-design interior-design react.jsSortable - 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 mixinreact-sortable - A sortable list component built with React
Higher-order component for creating sortable lists with minimalistic implementation and without polyfills. Using just React.js and HTML5 DragEvent interface. Mainly tested in latest stable Webkit, Firefox and IE.
react sortable sorting drag drop dragndrop draganddropngDraggable - Drag and drop module for Angular JS
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.
react-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React
An absolute layout grid with animations, filtering, zooming, and drag and drop support. Use your own component as the grid item. See the Demo. The idea behind AbsoluteGrid is high performance. This is achieved by using Translate3d to position each item in the layout. Items are never removed from the DOM, instead they are hidden. For best performance you should avoid re-arranging or removing items which you pass into AbsoluteGrid, instead you can use the filtered and sort properties to hide or sort an item. Those properties are customizable using the keyProp and filterProp properties. In addition, all data passed must be immutable so that we don't waste any renders.
react reactjs reactjs-components react-component react-componentsreact-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-tags - A fantastically simple tagging component for your React projects
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 autosuggestreact-fine-uploader - Easily integrate Fine Uploader or Fine Uploader S3 into a React app
Makes using Fine Uploader in a React app simple. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI. These allow you to easily build a highly customizable and powerful UI for your upload widget, backed by Fine Uploader's core feature set. Most of these components are unstyled (i.e. ready to be styled by you). Focused component-specific stylesheets may be provided at a later date.
react fineuploader ui components drag-and-drop file blob file-uploader fine-uploader jsx upload widgetelemental - A flexible and beautiful UI framework for React.js
React & CSS UI Framework. Currently under development; built by @JedWatson and @JossMac at Thinkmill.
react react-component ui framework controls element css lessdazzle - :rocket: Dashboards made easy in React JS.
Dazzle 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-dashboardshards-react - ⚛️A beautiful and modern React design system.
Shards React is a free, beautiful and modern React UI kit based on Shards. Getting started with Shards React is fairly simple. You can download Shards React via the official website, here on GitHub as a release package or by using a package manager such as Yarn or NPM.
react uikit ui design-system components bootstrap shards ui-kit kit component
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.
