How To Choose The Best React Drag And Drop? Top 15 Free Libraries To Set Up

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • react-beautiful-dnd

    Beautiful and accessible drag and drop for lists with React

  • GitHub

  • react-drag-drop-container

    ReactJS drag and drop functionality for mouse and touch devices

  • GitHub

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • draggable

    The JavaScript Drag & Drop library your grandparents warned you about.

  • GitHub

  • react-dropzone

    Simple HTML5 drag-drop zone with React.js.

  • GitHub

  • react-dnd

    Drag and Drop for React

  • GitHub

  • react-sortablejs

    React bindings for SortableJS

  • GitHub

  • interact.js

    JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)

  • GitHub

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • react-kanban

    Discontinued Yet another Kanban/Trello board lib for React.

  • GitHub

  • juggle-and-drop

    Juggle all your tasks! (A fullstack Kanban app w/ drag-and-drop) ๐Ÿคนโ€โ™‚๏ธ

  • GitHub

  • react-motion

    A spring that solves your animation problems.

  • GitHub

  • react-smooth-dnd

    react wrapper components for smooth-dnd

  • GitHub

  • nested-dnd

    Proof of concept for doing a nested drag and drop in React

  • GitHub

  • react-nestable

    Drag & drop hierarchical list made as a react component

  • GitHub

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts