react-beautiful-dnd

44
65
+ 1
0
React Draggable

2
18
+ 1
0
Add tool

react-beautiful-dnd vs React Draggable: What are the differences?

react-beautiful-dnd: Beautiful and accessible drag and drop for lists with React (by Atlassian). There are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing react-dnd. It does an incredible job at providing a great set of drag and drop primitives which work especially well with the wildly inconsistent html5 drag and drop feature. react-beautiful-dnd is a higher level abstraction specifically built for vertical and horizontal lists. Within that subset of functionality react-beautiful-dnd offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by react-dnd; React Draggable: A simple component for making elements draggable. A simple component for making elements draggable.

react-beautiful-dnd and React Draggable can be categorized as "JavaScript Framework Components" tools.

react-beautiful-dnd and React Draggable are both open source tools. It seems that react-beautiful-dnd with 15.2K GitHub stars and 831 forks on GitHub has more adoption than React Draggable with 4.64K GitHub stars and 583 GitHub forks.

Sign up to add or upvote prosMake informed product decisions

Sign up to add or upvote consMake informed product decisions

What is react-beautiful-dnd?

There are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing react-dnd. It does an incredible job at providing a great set of drag and drop primitives which work especially well with the wildly inconsistent html5 drag and drop feature. react-beautiful-dnd is a higher level abstraction specifically built for vertical and horizontal lists. Within that subset of functionality react-beautiful-dnd offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by react-dnd.

What is React Draggable?

A simple component for making elements draggable.
What companies use react-beautiful-dnd?
What companies use React Draggable?
    No companies found

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with react-beautiful-dnd?
    What tools integrate with React Draggable?
    What are some alternatives to react-beautiful-dnd and React Draggable?
    React Router
    React Router is a complete routing solution designed specifically for React.js. It painlessly synchronizes the components of your application with the URL, with first-class support for nesting, transitions, and server side rendering.
    styled-components
    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
    Angular CLI
    A command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications. You can use the tool directly in a command shell, or indirectly through an interactive UI such as Angular Console.
    Ant Design
    An enterprise-class UI design language and React-based implementation. Graceful UI components out of the box, base on React Component. A npm + webpack + babel + dora + dva development framework.
    Angular Material
    Sprint from Zero to App. Hit the ground running with comprehensive, modern UI components that work across the web, mobile and desktop. It allows to create material styled angular apps fast and easy.
    See all alternatives
    Interest over time