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
mzabriskie avatar

mzabriskie/react-draggable

0
View on GitHub↗

React Draggable

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 without automatic style management.

The project covers a broad range of interaction capabilities, including drag event tracking through lifecycle callbacks and the enforcement of boundary constraints to restrict movement within defined dimensions. It supports both desktop and mobile devices through touch-enabled element positioning.

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

Features

  • Drag and Drop Libraries - Provides low-level primitives for managing coordinates and movement of elements on a screen.
  • React Components - Offers reusable draggable components specifically designed for integration within the React ecosystem.
  • Spatial State Tracking - Tracks real-time mouse and touch coordinates to maintain the spatial state of moving elements.
  • Element Positioning - Implements element positioning that works across both desktop and mobile touch interfaces.
  • Drag Handles - Allows restricting the movement of an element to a specific designated child handle.
  • Interactive UI Components - Provides components that can be freely moved across the screen via mouse or touch interactions.
  • Draggable Layout Elements - Provides UI components that can be freely repositioned across the screen via pointer interactions.
  • CSS Transform Animations - Uses inline CSS transform properties to ensure smooth, hardware-accelerated movement of elements.
  • Dynamic Layout Engines - Provides a framework for programmatically controlling element positions and reacting to movement via callbacks.
  • Drag Boundary Constraints - Implements boundaries to restrict the movement of draggable elements within defined coordinate areas.
  • Drag Event Callbacks - Ships configuration hooks that execute custom functions during the start, progression, and completion of drags.
  • Drag State Monitors - Offers tools to monitor drag progress and control element coordinates programmatically.
  • Drag and Drop - Draggable element component.
9,289 stars·1,053 forks·JavaScript·MIT·31 views

Star history

Star history chart for mzabriskie/react-draggableStar history chart for mzabriskie/react-draggable

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Frequently asked questions

What does mzabriskie/react-draggable do?

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.

What are the main features of mzabriskie/react-draggable?

The main features of mzabriskie/react-draggable are: Drag and Drop Libraries, React Components, Spatial State Tracking, Element Positioning, Drag Handles, Interactive UI Components, Draggable Layout Elements, CSS Transform Animations.

Which projects share features with mzabriskie/react-draggable?

Projects with overlapping indexed features include: react-grid-layout/react-draggable — react-draggable is a drag and drop library and coordinate-based position manager for React. It functions as a… desandro/draggabilly — Draggabilly is a JavaScript drag and drop library used to make DOM elements draggable on desktop and mobile. It serves… gaearon/react-dnd — React-dnd is a drag and drop framework and library for React applications. It provides a system of higher-order… juliangarnier/anime — This project is a declarative motion framework and JavaScript animation engine designed to transition CSS properties,… sortablejs/sortable — Sortable is a framework-agnostic JavaScript library for creating reorderable lists through drag and drop interactions.… haltu/muuri — Muuri is a JavaScript grid layout library and draggable UI framework used to create responsive grids with…

Projects sharing features with React Draggable

These projects share indexed features with React Draggable. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • react-grid-layout/react-draggablereact-grid-layout avatar

    react-grid-layout/react-draggable

    9,292View on GitHub↗

    react-draggable is a drag and drop library and coordinate-based position manager for React. It functions as a component wrapper that adds draggable behavior to user interface elements, enabling them to be moved via mouse or touch interactions. The library provides touch-enabled interaction tools that unify pointer events across desktop browsers and touch screen devices. It utilizes CSS transforms to handle element movement and coordinate tracking. The system covers movement constraints such as axis restriction and boundary clamping to confine elements within specific areas. It includes posit

    JavaScript
    View on GitHub↗9,292
  • desandro/draggabillydesandro avatar

    desandro/draggabilly

    3,871View on GitHub↗

    Draggabilly is a JavaScript drag and drop library used to make DOM elements draggable on desktop and mobile. It serves as a coordinate-based UI tool and interaction library for tracking and setting the horizontal and vertical positions of interface elements during user interaction. The library provides a mobile-ready touch handler that converts mouse and touch movements into element translation. It includes specialized capabilities for restricting movement to specific axes or container boundaries and implements grid snapping to align elements to a predefined pixel grid. The tool manages the

    JavaScript
    View on GitHub↗3,871
  • gaearon/react-dndgaearon avatar

    gaearon/react-dnd

    21,642View on GitHub↗

    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.

    TypeScript
    View on GitHub↗21,642
  • juliangarnier/animejuliangarnier avatar

    juliangarnier/anime

    69,932View on GitHub↗

    This project is a declarative motion framework and JavaScript animation engine designed to transition CSS properties, SVG attributes, and DOM elements. It provides a comprehensive set of tools for creating complex, multi-part motion sequences by synchronizing animations, timers, and callbacks into a single, unified timeline. The library distinguishes itself through a robust timeline-based sequence orchestrator that allows for precise timing, label-based control, and hierarchical nesting of animations. It also features a physics-driven interaction library that enables draggable elements with c

    JavaScriptanimationanimecanvas
    View on GitHub↗69,932
    • Compare all 30 related projects→