React Beautiful Drag And Drop Component

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

Core features:

  • beautiful, natural movement of items
  • clean and powerful api which is simple to get started with
  • unopinionated styling
  • no creation of additional wrapper dom nodes – flexbox and focus management friendly!
  • plays well with existing interactive nodes such as anchors
  • state driven dragging – which allows for dragging from many input types, including programatic dragging. Currently only mouse and keyboard dragging are supported


# Yarn
yarn add react-beautiful-dnd

$ npm install react-beautiful-dnd


React Beautiful Drag And Drop Component


v13.0.0 (02/25/2020)

  • Update and bugfix

Download Details:

Author: atlassian

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website:

License: MIT

Add Comment