awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 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·6 Aufrufereact-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-Verlauf

Star-Verlauf für gaearon/react-dndStar-Verlauf für gaearon/react-dnd

KI-Suche

Entdecke weitere awesome Repositories

Beschreibe in einfachen Worten, was du brauchst — die KI bewertet tausende kuratierte Open-Source-Projekte nach Relevanz.

Start searching with AI

Häufig gestellte Fragen

Was macht gaearon/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.

Was sind die Hauptfunktionen von gaearon/react-dnd?

Die Hauptfunktionen von gaearon/react-dnd sind: 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.

Welche Open-Source-Alternativen gibt es zu gaearon/react-dnd?

Open-Source-Alternativen zu gaearon/react-dnd sind unter anderem: 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-Alternativen zu React Dnd

Ähnliche Open-Source-Projekte, sortiert nach der Anzahl der gemeinsamen Funktionen mit React Dnd.
  • mzabriskie/react-draggableAvatar von mzabriskie

    mzabriskie/react-draggable

    9,289Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗9,289
  • sortablejs/sortableAvatar von SortableJS

    SortableJS/Sortable

    31,135Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗31,135
  • react-dnd/react-dndAvatar von react-dnd

    react-dnd/react-dnd

    21,641Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗21,641
  • clauderic/react-sortable-hocAvatar von clauderic

    clauderic/react-sortable-hoc

    10,905Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗10,905
Alle 30 Alternativen zu React Dnd anzeigen→