awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索，发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
gaearon avatar

gaearon/react-dnd

0
View on GitHub↗
21,642 星标·1,999 分支·TypeScript·MIT·8 次浏览react-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 历史

gaearon/react-dnd 的 Star 历史图表gaearon/react-dnd 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

React Dnd 的开源替代方案

相似的开源项目，按与 React Dnd 的功能重合度排序。
  • mzabriskie/react-draggablemzabriskie 的头像

    mzabriskie/react-draggable

    9,289在 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
    在 GitHub 上查看↗9,289
  • sortablejs/sortableSortableJS 的头像

    SortableJS/Sortable

    31,135在 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
    在 GitHub 上查看↗31,135
  • react-dnd/react-dndreact-dnd 的头像

    react-dnd/react-dnd

    21,641在 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
    在 GitHub 上查看↗21,641
  • clauderic/react-sortable-hocclauderic 的头像

    clauderic/react-sortable-hoc

    10,905在 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
    在 GitHub 上查看↗10,905
查看 React Dnd 的所有 30 个替代方案→

常见问题解答

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.

gaearon/react-dnd 的主要功能有哪些？

gaearon/react-dnd 的主要功能包括：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。

gaearon/react-dnd 有哪些开源替代品？

gaearon/react-dnd 的开源替代品包括： 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…