react-beautiful-dnd - Beautiful, accessible drag and drop for lists with React.js

  •        198

Beautiful, accessible drag and drop for lists with React.js

https://github.com/atlassian/react-beautiful-dnd

Tags
Implementation
License
Platform

   




Related Projects

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

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

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

dazzle - :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.



Winds - Winds is an open source & beautiful RSS reader built using React/Redux/Sails/Node and Stream (https://getstream


Open source & beautiful RSS reader built using React/Redux/Sails/Node 7 and Stream (getstream.io). Showcases personalized feeds (using machine learning similar to Facebook, Flipboard, Etsy, and Quora - powered by the getstream.io API).This tutorial explains how the personalization API works (blogpost). Check out the hosted demo at https://winds.getstream.io.

ScreenSnapper


The ScreenSnapper is a nifty little tool for grabbing desktop contents, either by a rubberband selection, or by grabbing an entire window. Supports multiple screens, JPG and PNG formats, dragging and dropping and printing of images. Great in combination with instant messaging!

wp-calypso - The new JavaScript- and API-powered WordPress.com


Calypso is the new WordPress.com front-end – a beautiful redesign of the WordPress dashboard using a single-page web application, powered by the WordPress.com REST API. Calypso is built for reading, writing, and managing all of your WordPress sites in one place.It’s built with JavaScript – a very light node plus express server, React.js, Redux, wpcom.js, and many other wonderful libraries on the front-end.

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


Official React wrapper for dragula.You can get it on npm.

Semantic-UI - Semantic is a UI component framework based around useful principles from natural language


Semantic is a UI framework designed for theming.Semantic allows developers to build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging, helping make front-end development a delightful experience. Semantic is responsively designed allowing your website to scale on multiple devices. Semantic is production ready and partnered with frameworks such as React, Angular, Meteor, and Ember, which means you can integrate it with any of these frameworks to organize your UI layer alongside your application logic.

Silverlight Drag Drop Manager


Silverlight Drag Drop Manager allows you to easily implement drag and drop behaviour in your Silverlight projects by providing a DragSource & DropTarget control, which act as a content container and can contain any SL user control. Highly configurable.

CaffeineScript(BETA) - A beautiful, fun language designed to maximize your JavaScript productivity


CaffeineScript is an open-source programming language that compiles to JavaScript. The goal is to minimize total effort, over a product's lifetime, for the entire team. Design thinking is essential for achieving that goal. That means user-experience and graphic design are as important as computer-science and software engineering. A well-designed language makes code more beautiful, programming more fun, and, ultimately, lets us get more done with less effort.

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.

Image Sizer


Image sizer - Resizes your images in second

jQuery-File-Upload - File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery


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

react-native-extended-stylesheet - Extended StyleSheets for React Native


Drop-in replacement of React Native StyleSheet with media-queries, variables, dynamic themes, relative units, percents, math operations, scaling and other styling stuff.Global variables are passed to EStyleSheet.build() and available in all stylesheets.

react-mini-router - A minimal URL router for React.js


A minimal URL router for React.js. The router provides a small React.js mixin that is easy to integrate into a root level component. It makes little to no demands on how you structure your application.