awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
gaearon avatar

gaearon/react-dnd

0
View on GitHub↗
21,642 stars·1,999 forks·TypeScript·MIT·15 viewsreact-dnd.github.io/react-dnd↗

React Dnd

React-dnd is a drag and drop framework and library for React applications. It provides a system of higher-order components and hooks to implement draggable interface elements and drop targets using a declarative API.

The framework separates the logic of moving items from the visual presentation of the user interface. This allows for the development of interactive interfaces, such as visual list reordering and custom dashboard layouts where widgets or panels can be reorganized.

Features

  • Drag and Drop Libraries - Provides a comprehensive library for implementing draggable items and drop targets.
  • React Components - Offers a set of higher-order components and hooks designed specifically for the React ecosystem.
  • Interactive UI Components - Facilitates the development of interactive user interfaces where elements can be moved and rearranged.
  • Declarative Drag-and-Drop Libraries - Uses a declarative API to define draggable interface elements and drop targets in React.
  • Backend Adapters - Provides a standard interface to connect core logic to specific browser DOM event implementations.
  • Context-Based Dependency Injection - Uses React Context to share the drag and drop backend and state manager across the component tree.
  • Dashboard Layout Engines - Enables the creation of flexible dashboard interfaces where widgets and panels can be reorganized by dragging.
  • Drag State Monitors - Uses a central monitor to track the current dragged item and trigger updates across registered components.
  • Event-Driven Interaction Handlers - Communicates state changes between draggables and targets through a system of events and callbacks.
  • Higher-Order Components - Wraps components to inject shared drag and drop state and event handlers via higher-order components.
  • List Reordering Components - Implements the ability to visually rearrange items within lists or grids via drag and drop.
  • Rendering Backends - Implements an abstraction layer that decouples drag and drop logic from specific platform rendering APIs.
  • Drag and Drop - Drag-and-drop framework for React.

Star history

Star history chart for gaearon/react-dndStar history chart for gaearon/react-dnd

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does gaearon/react-dnd do?

React-dnd is a drag and drop framework and library for React applications. It provides a system of higher-order components and hooks to implement draggable interface elements and drop targets using a declarative API.

What are the main features of gaearon/react-dnd?

The main features of gaearon/react-dnd are: Drag and Drop Libraries, React Components, Interactive UI Components, Declarative Drag-and-Drop Libraries, Backend Adapters, Context-Based Dependency Injection, Dashboard Layout Engines, Drag State Monitors.

What are some open-source alternatives to gaearon/react-dnd?

Open-source alternatives to gaearon/react-dnd include: mzabriskie/react-draggable — react-draggable is a UI interaction library that provides core primitives and components for adding tactile movement… sortablejs/sortable — Sortable is a framework-agnostic JavaScript library for creating reorderable lists through drag and drop interactions.… react-dnd/react-dnd — React DnD is a library for building complex drag-and-drop interfaces within React applications. It provides a… clauderic/react-sortable-hoc — React Sortable Hoc is a library for building drag-and-drop reorderable lists and grids within web applications. It… react-grid-layout/react-draggable — react-draggable is a drag and drop library and coordinate-based position manager for React. It functions as a… shopify/draggable — Draggable is a JavaScript library for implementing draggable elements and sortable lists within a web browser. It…

Open-source alternatives to React Dnd

Similar open-source projects, ranked by how many features they share with React Dnd.
  • mzabriskie/react-draggablemzabriskie avatar

    mzabriskie/react-draggable

    9,289View on GitHub↗

    react-draggable is a UI interaction library that provides core primitives and components for adding tactile movement and coordinate-based positioning to web elements. It serves as a tool for making user interface elements movable via mouse or touch interactions within React applications. The library supports the implementation of custom drag handles, allowing the initiation of movement to be restricted to specific child elements identified by CSS selectors. It also provides programmatic drag state management, enabling developers to control element positioning or use callbacks for movement wit

    JavaScript
    View on GitHub↗9,289
  • sortablejs/sortableSortableJS avatar

    SortableJS/Sortable

    31,135View on GitHub↗

    Sortable is a framework-agnostic JavaScript library for creating reorderable lists through drag and drop interactions. It functions as a reorderable list manager that allows users to rearrange DOM elements using pointer interactions on modern browsers and touch devices. The library enables the transfer or cloning of items between different lists using shared group identifiers. It supports complex organizational structures, including nested reorderable lists for managing hierarchical data across different levels. Its capabilities cover the animation of element movements and the configuration

    JavaScriptdragdrag-and-dropdrag-drop
    View on GitHub↗31,135
  • react-dnd/react-dndreact-dnd avatar

    react-dnd/react-dnd

    21,641View on GitHub↗

    React DnD is a library for building complex drag-and-drop interfaces within React applications. It provides a declarative, component-based architecture that abstracts native browser drag-and-drop APIs, allowing developers to manage state and interactions between draggable sources and drop targets. The library utilizes a dependency injection backend to decouple interaction logic from specific input methods, supporting mouse, touch, and native browser events through a unified normalization layer. It employs a registry pattern to track active drop zones and a monitor pattern to observe the lifec

    TypeScriptdrag-and-dropnot-the-gamereact
    View on GitHub↗21,641
  • clauderic/react-sortable-hocclauderic avatar

    clauderic/react-sortable-hoc

    10,905View on GitHub↗

    React Sortable Hoc is a library for building drag-and-drop reorderable lists and grids within web applications. It provides a set of reusable components designed to integrate into the component-based architecture of React, allowing users to rearrange elements through mouse or touch input. The library utilizes a higher-order component pattern to inject drag-and-drop state management into existing list components without requiring modifications to the underlying implementation. It employs portal-based ghost rendering to move elements outside the normal document flow, while using hardware-accele

    JavaScriptdrag-and-dropdraggingfront-end
    View on GitHub↗10,905
    • See all 30 alternatives to React Dnd→