Skip to content

The best React DnD alternatives

4 tools that do a similar job to React DnD, 4 of them open source. Each entry says what it does and who it suits, so you can pick the one that fits instead of the most famous.

You're replacing

React DnD

A React library for adding drag-and-drop behavior to components.

  1. 1

    dnd-kit

    Open source · MIT · ★ 17.8k

    A toolkit for building drag and drop interfaces on the web, with adapters for several frameworks.

    Best for: Developers building sortable lists or grids in a React, Vue, Svelte, or Solid app; Teams that want keyboard and screen reader support built into drag and drop

  2. 2

    React-Grid-Layout

    Open source · MIT · ★ 22.5k

    A React component library for draggable, resizable grid layouts with responsive breakpoints.

    Best for: React developers building dashboards with movable panels; Teams migrating from v1 who can use the legacy wrapper for a smoother transition

  3. 3

    Puck

    Open source · MIT · ★ 13.6k

    A visual drag-and-drop page editor you embed in your own React app.

    Best for: React developers adding a page builder to an existing app; Teams that want content editors to arrange pre-approved components visually

  4. 4

    react-dropzone

    Open source · MIT · ★ 11k

    A React hook for building drag-and-drop file upload zones in web pages.

    Best for: React developers adding file upload to a web app; Projects that need a drop area with a click-to-select fallback

How we pick: tools in the same category that solve the same problem, projects that name each other as alternatives, and open-source projects that describe themselves as an alternative to React DnD. We don't take payment for placement.