# React Drag-and-Drop Libraries

> Search results for `drag-and-drop library for React interfaces` on awesome-repositories.com. 106 total matches; showing the first 50.

Explore on the web: https://awesome-repositories.com/q/drag-and-drop-library-for-react-interfaces

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/drag-and-drop-library-for-react-interfaces).**

## Results

- [gaearon/react-dnd](https://awesome-repositories.com/repository/gaearon-react-dnd.md) (21,642 ⭐) — 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.
- [atlassian/pragmatic-drag-and-drop](https://awesome-repositories.com/repository/atlassian-pragmatic-drag-and-drop.md) (12,685 ⭐) — Pragmatic Drag and Drop is a TypeScript library that provides a complete system for implementing drag and drop interactions in web applications. It handles the full lifecycle of drag operations, from registering drop targets and monitoring drag events to managing cleanup functions, all through a structured adapter-based approach.

The library supports a wide range of data manipulation patterns, including reordering items within lists, tables, trees, virtual lists, and side navigation, as well as moving items between lists and across columns in a board layout. It also enables swapping items in a grid, resizing elements, accepting files dropped from the operating system, and transferring data across browser windows or iframes.

Additional capabilities include utilities for reordering arrays based on drag position changes and combining multiple cleanup functions into a single call for easier teardown. The library is designed to work with HTML elements, text selections, and external content through dedicated adapters.
- [flutter-team-archive/plugins](https://awesome-repositories.com/repository/flutter-team-archive-plugins.md) (17,710 ⭐) — This project is a collection of official plugin packages and a native integration library designed to provide a consistent interface for accessing hardware and software functionality across different mobile and desktop platforms. It serves as a native platform bridge, enabling cross-platform applications to invoke native code and manage operating system dependencies.

The project utilizes a federated plugin architecture, splitting plugins into common interfaces and separate platform implementations to allow for independent development and extension. It further supports native integration through a foreign function interface for synchronous and asynchronous execution between isolates and host operating systems.

The codebase covers a broad range of capabilities including state management, declarative app navigation, and local data persistence using SQL and key-value stores. It also encompasses networking primitives for authenticated HTTP and WebSocket communication, as well as comprehensive testing frameworks for unit, widget, and integration verification.

Additional surface areas include AI integration for model-agnostic APIs and text-to-UI conversion, alongside a suite of UI components, physics-based animations, and monitoring tools for application performance profiling and crash reporting.
- [atlassian/react-beautiful-dnd](https://awesome-repositories.com/repository/atlassian-react-beautiful-dnd.md) (34,049 ⭐) — This project is a declarative drag-and-drop library designed for building accessible and fluid interface interactions within web applications. It provides a component-based interface for managing complex list reordering and spatial relationships between elements, utilizing a specialized state container to coordinate movement logic.

The library distinguishes itself through a focus on accessibility, maintaining a live connection between visual drag states and the browser accessibility tree to support screen readers and keyboard navigation. It optimizes performance by bypassing standard component re-rendering cycles during active interactions, instead manipulating DOM nodes directly and employing hardware-accelerated animations to ensure smooth transitions.

The system handles the lifecycle of moving elements between containers through centralized state management and event delegation. It is currently documented as a deprecated project, with guidance available for users regarding maintenance or migration paths.
- [clauderic/dnd-kit](https://awesome-repositories.com/repository/clauderic-dnd-kit.md) (17,243 ⭐) — This project is a modular toolkit for building accessible, component-based drag-and-drop interfaces in React. It provides a foundational framework for managing complex spatial interactions, state synchronization, and element registration, allowing developers to create interactive web applications that support mouse, touch, and keyboard inputs.

The library distinguishes itself through a highly extensible architecture that separates input handling from interaction logic. It utilizes a sensor-based input abstraction to normalize diverse user interactions and a plugin-driven lifecycle to inject custom behaviors, movement constraints, or visual transformations. By employing a centralized registry and collision-detection strategy, it enables precise control over how elements interact with defined drop zones, including support for grid snapping and axis-based movement restrictions.

Beyond core movement, the library includes comprehensive tools for managing the user experience during interactions. This includes automated screen reader announcements and accessibility attribute management to ensure interfaces remain inclusive. It also handles visual feedback through portal-based rendering, automatic container scrolling, and animated list reordering, providing a responsive interface that updates dynamically as users manipulate elements.
- [fullcalendar/fullcalendar](https://awesome-repositories.com/repository/fullcalendar-fullcalendar.md) (20,506 ⭐) — FullCalendar is a framework-agnostic UI library and JavaScript calendar component designed for building interactive event scheduling interfaces. It provides tools for managing time-based data, including an integrated iCal feed parser for importing external calendar files and recurring schedules into a unified web view.

The library features a system for event scheduling and management, enabling users to reschedule entries via drag-and-drop, adjust event durations by resizing, and highlight specific time ranges for selection. It supports multiple date views, such as month, week, day, and list formats, and includes a plugin-based extension model to add specific views or interaction capabilities.

The project covers broad functional areas including event lifecycle management, calendar content localization for different timezones and languages, and accessibility support for keyboard and screen-reader navigation. Visual appearance and component content can be modified through CSS and injection hooks for UI customization.

Integration with various frontend environments is provided through dedicated connectivity layers and framework-specific wrapper layers.
- [libgdx/libgdx](https://awesome-repositories.com/repository/libgdx-libgdx.md) (24,816 ⭐) — LibGDX is a Java-based framework designed for cross-platform game development, enabling the creation and deployment of 2D and 3D games across desktop, mobile, and web environments from a single codebase. It functions as a comprehensive library that abstracts hardware-accelerated graphics, audio, input, and file system access, providing a unified interface for developers to manage game logic and application lifecycles.

The framework distinguishes itself through a high-performance architecture that prioritizes efficiency and native interoperability. It utilizes a batch-oriented graphics pipeline to minimize GPU state changes and employs direct-buffer native marshalling to exchange large data arrays between managed and native memory without expensive copying. Developers can leverage a JNI-based native bridge to embed C and C++ code directly within Java source files, while an object-pooling memory management system helps maintain consistent frame rates by recycling frequently instantiated objects.

Beyond its core rendering and performance capabilities, the project includes a suite of modular tools for physics simulation, asset management, and third-party service integration. It supports complex game mechanics through entity management, collision detection, and artificial intelligence frameworks, alongside tools for UI construction, audio processing, and network communication. The platform-abstraction-based backend ensures that these features remain consistent across different operating systems and hardware targets.

The project provides extensive build-time utilities for automating asset processing, native library compilation, and project scaffolding. It is designed to be integrated into standard Java development workflows, with documentation and reference implementations available to assist in managing application lifecycles and cross-platform deployment.
- [react-dnd/react-dnd](https://awesome-repositories.com/repository/react-dnd-react-dnd.md) (21,641 ⭐) — 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 lifecycle of drag operations, ensuring that state changes and element coordinates are propagated across the component tree via context.

These capabilities enable the creation of custom interfaces for dynamic content reordering and item organization. The framework manages the underlying state transitions and visual feedback requirements necessary for responsive user interactions.
- [brillout/awesome-react-components](https://awesome-repositories.com/repository/brillout-awesome-react-components.md) (47,788 ⭐) — This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements.

The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where community members submit and maintain resource links via version-controlled pull requests, ensuring the index remains current and community-vetted.

The collection is organized using a hierarchical taxonomy that covers a broad spectrum of frontend needs, including UI frameworks, layout utilities, form components, and performance-related tools. By providing a structured, human-readable index of these building blocks, the project simplifies the exploration of the React ecosystem for developers seeking reliable solutions for specific technical requirements.

All information is stored in plain text files formatted in markdown, allowing for lightweight, static delivery that remains easily searchable and accessible without backend infrastructure.
- [bevacqua/dragula](https://awesome-repositories.com/repository/bevacqua-dragula.md) (22,160 ⭐) — Dragula is a JavaScript drag and drop library and DOM element manipulator used to move and reorder HTML elements between multiple containers. It functions as a UI interaction framework and event manager that tracks drag lifecycles to facilitate the movement of elements within a web browser interface.

The library distinguishes itself through configurable constraint validation, allowing developers to define which elements are draggable and which containers are permitted drop targets. It supports specialized interaction patterns such as element cloning, the use of specific drag handles to restrict interaction start points, and a time-based delay to differentiate between static clicks and the start of a drag operation.

The system covers a broad range of movement and visual capabilities, including container-to-container transfers, axis-based orientation control, and the use of mirror shadow elements to visualize potential drop positions. It also provides a suite of lifecycle hooks and callbacks that trigger during drag starts, container overlaps, and final drops, alongside methods for programmatic control of the drag lifecycle.
- [react-dropzone/react-dropzone](https://awesome-repositories.com/repository/react-dropzone-react-dropzone.md) (10,985 ⭐) — react-dropzone is a React hook and HTML5 drag-and-drop wrapper used to create interactive areas that accept files via drag-and-drop or a native system file picker. It serves as a web file system interface, bridging browser interfaces with the operating system's file selection process.

The project distinguishes itself by managing complex event propagation to isolate drop zones and providing global drag-state detection for document-wide visual feedback. It supports both traditional hidden input triggers and the modern browser File System Access API for secure context integration, and it can detect when a user cancels a file selection dialog.

Broadly, the library covers client-side file validation through MIME type filtering, extension restrictions, and upload quantity limits. It provides utilities for processing file content, including the generation of image previews via object URLs and the ability to integrate with external image editors.

The project includes mechanisms for simulating drag-and-drop interactions within unit tests to verify callback behavior.
- [ant-design/ant-design](https://awesome-repositories.com/repository/ant-design-ant-design.md) (98,362 ⭐) — Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects.

The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-level semantic mapping and runtime style injection, it decouples visual structure from logic, allowing for granular theme overrides and style isolation while maintaining a unified aesthetic.

The project covers a broad capability surface, including advanced navigation utilities, data entry tools, feedback mechanisms, and structured content containers. These components are designed to handle intricate user interactions, such as hierarchical data selection, real-time suggestions, and programmatic focus management, while supporting flexible layout systems and portal-based overlay rendering for transient elements.
- [errorflynn/ytdlp-interface](https://awesome-repositories.com/repository/errorflynn-ytdlp-interface.md) (2,691 ⭐) — ytdlp-interface is a self-hosted media downloader that provides a web-based graphical user interface for retrieving and saving internet videos to a local server or device. It functions as a visual wrapper for the yt-dlp command line engine, allowing users to fetch online video and audio content without using a terminal.

The project enables online video archiving and web content extraction by allowing users to enter URLs into a simplified interface to save media from supported platforms.

The system manages these downloads through a structured communication layer that separates the frontend from the backend logic, utilizing asynchronous process execution and event-driven progress tracking to maintain interface responsiveness during file transfers.
- [angular/angular](https://awesome-repositories.com/repository/angular-angular.md) (100,360 ⭐) — Angular is a platform for building web applications using a component-based architecture. It provides a comprehensive suite of tools for managing encapsulated UI units, including hierarchical dependency injection, a declarative template system, and fine-grained reactivity through signals. The framework supports complex application requirements such as client-side routing, form management, and internationalization.

The project includes a command-line interface for scaffolding and build automation, alongside a testing ecosystem for unit and integration verification. It offers multiple rendering strategies, including server-side rendering and static site generation, with support for hydration processes to optimize application delivery. Additionally, the framework features a built-in animation suite and security mechanisms to handle common web vulnerabilities.
- [eclipse-theia/theia](https://awesome-repositories.com/repository/eclipse-theia-theia.md) (21,569 ⭐) — Theia is a modular framework designed for building professional-grade development environments that function as both local desktop applications and remote browser-based services. It provides a comprehensive toolkit for constructing specialized coding tools, allowing developers to assemble custom interfaces and backend logic through a flexible, contribution-based architecture.

The platform distinguishes itself through a highly extensible workbench that supports the integration of existing third-party editor plugins and standard language servers. By utilizing a dependency injection container and a multi-process architecture, it enables the creation of tailored development experiences that maintain compatibility with established industry standards while offering deep customization of UI components, menus, and command structures.

Beyond its core construction capabilities, the framework includes integrated support for artificial intelligence, offering features such as natural language chat, automated code issue resolution, and context-aware coding assistance. It manages complex development workflows through task planning, automated script execution, and collaborative review processes, all while enforcing security policies through workspace execution restrictions and tool access controls.

The project is distributed as a ready-to-use desktop application and provides build pipelines for packaging custom environments into native installers for major operating systems.
- [konvajs/konva](https://awesome-repositories.com/repository/konvajs-konva.md) (14,135 ⭐) — Konva is an object-oriented HTML5 canvas framework designed for building interactive 2D graphical applications. It provides a hierarchical scene graph that organizes shapes, images, and text into manageable nodes, groups, and layers. By mapping application state to canvas elements, the library enables developers to create complex visual interfaces using declarative patterns that synchronize with modern component-based frameworks.

The library distinguishes itself through a robust event system that supports hit detection, bubbling, and direct manipulation of graphical objects, such as dragging, resizing, and rotation. It includes a specialized animation engine capable of handling property interpolation and easing functions, alongside built-in tools for viewport navigation like zooming and panning. To maintain high frame rates in complex scenes, the framework utilizes layer-based rendering, off-screen node caching, and visibility management to minimize computational overhead.

Beyond standard rendering, the project supports data serialization for saving and restoring graphical states, as well as server-side rendering for generating images without a browser display. It also provides capabilities for applying pixel-based visual filters and enabling pointer-based freehand drawing. The library includes machine-readable documentation to assist with integration into development environments and AI-assisted coding workflows.
- [landrix/the-drag-and-drop-component-suite-for-delphi](https://awesome-repositories.com/repository/landrix-the-drag-and-drop-component-suite-for-delphi.md) (0 ⭐) — The Drag and Drop Component Suite for Delphi
- [alyssaxuu/flowy](https://awesome-repositories.com/repository/alyssaxuu-flowy.md) (12,048 ⭐) — Flowy is a JavaScript library designed for building interactive, drag-and-drop flowchart interfaces. It enables the creation of canvas-based environments where users can arrange blocks to design custom logic sequences, decision trees, and visual process maps.

The library provides a structured approach to diagramming by organizing elements into a hierarchical parent-child tree. It features coordinate-based snapping logic to ensure blocks automatically align into organized layouts during user interaction. To support complex system configurations, the tool includes event-driven callback hooks that allow developers to trigger custom logic during the movement and connection of workflow blocks.

The system facilitates the management of diagram data by converting visual arrangements into structured JSON format. This serialization capability allows for the export and import of workflow states, enabling users to save their progress and reload diagrams for future modification.
- [alvarotrigo/fullpage.js](https://awesome-repositories.com/repository/alvarotrigo-fullpage-js.md) (35,437 ⭐) — fullPage.js is a JavaScript full-screen scrolling library and layout engine used to create websites composed of vertical sections and horizontal slides that snap to the viewport. It provides a system for organizing web content into full-screen pages with automatic snapping behavior.

The library distinguishes itself through a WebGL transition framework and visual storytelling tools, enabling cinematic effects such as 3D rotations, parallax backgrounds, fading, and water distortion during navigation. It also features a responsive adaptation system that can switch from automatic snapping to standard browser scrolling based on defined viewport breakpoints.

Its broader capabilities include programmatic navigation via API calls, anchor link synchronization with browser history, and the creation of interactive navigation components like dot indicators and synchronized menus. It also supports accessibility features such as keyboard navigation and the ability to disable automatic scrolling on specific internal elements.
- [reppners/ngx-drag-drop](https://awesome-repositories.com/repository/reppners-ngx-drag-drop.md) (332 ⭐) — Angular directives using the native HTML Drag And Drop API
- [skutam/angular-drag-drop-layout](https://awesome-repositories.com/repository/skutam-angular-drag-drop-layout.md) (5 ⭐) — Angular Drag Drop Layout is a lightweight, dependency-free Angular library for creating highly customizable, responsive grid layouts with drag-and-drop functionality. Built with Angular 18 and utilizing Angular Signals, this library provides a seamless and optimized experience for building dynamic and interactive layouts.
- [enyo/dropzone](https://awesome-repositories.com/repository/enyo-dropzone.md) (18,377 ⭐) — Dropzone is a JavaScript library used to create interactive file upload zones with drag-and-drop support. It functions as an HTTP file upload manager that handles network request management and the transmission of files to a server.

The library includes a client-side image previewer that generates thumbnails and resizes files within the browser before they are transmitted. It provides a customizable upload interface through a set of themes and event listeners that modify the visual style and behavior of the upload areas.

The system manages the end-to-end upload process by tracking real-time progress and supporting the transmission of large files. It employs queue-based scheduling to process pending files and provides mechanisms to display upload status via progress bars.
- [crystaltai/shadcn-drag-and-drop](https://awesome-repositories.com/repository/crystaltai-shadcn-drag-and-drop.md) (0 ⭐)
- [facebookarchive/draft-js](https://awesome-repositories.com/repository/facebookarchive-draft-js.md) (22,641 ⭐) — Draft-js is a framework for building customizable rich text editors within React applications. It serves as a state manager for document content and metadata, providing a system to handle text ranges, atomic blocks, and the conversion of HTML strings into structured document formats.

The framework enables the creation of interactive editing interfaces that support custom inline styling and configurable block rendering. It includes tools for managing rich media document handling, allowing the integration of non-editable content and metadata into a text stream.

The project covers a broad range of editor capabilities, including accessibility support via ARIA labels, custom keyboard event handling, and the management of clipboard and drag-and-drop operations. It also provides controls to override default browser text behaviors such as auto-correct and auto-capitalize.
- [javascript-tutorial/en.javascript.info](https://awesome-repositories.com/repository/javascript-tutorial-en-javascript-info.md) (25,344 ⭐) — This project is a comprehensive JavaScript programming tutorial and language reference. It serves as a web development education resource providing instruction on modern language fundamentals, object-oriented design, and advanced asynchronous programming patterns.

The resource functions as both a frontend development guide and a technical reference. It covers core language features such as closures, prototypes, promises, and typed arrays, while providing practical lessons on managing browser data and handling network requests.

The content spans several key capability areas, including browser API integration, data structure manipulation, and frontend web development. It specifically covers the manipulation of the document object model, the handling of browser events, and the creation of reusable web components.

The documentation is delivered as a collection of static-site generated pages created from markdown files.
- [rosejoe47/angular-mixed-cdk-drag-drop](https://awesome-repositories.com/repository/rosejoe47-angular-mixed-cdk-drag-drop.md) (32 ⭐) — angular-mixed-cdk-drag-drop is an Angular Directive to support mixed orientation drag drop using angular cdk.
- [mr-samani/ngx-drag-drop-kit](https://awesome-repositories.com/repository/mr-samani-ngx-drag-drop-kit.md) (1 ⭐) — 🖱️ Advanced Drag & Drop with multi-list and cross-list support - 🧩 Configurable & Responsive Grid Layout - 📏 Resizable: Resize items with mouse - 🔄 Sortable List: Reorder items via Drag & Drop - ➡️ Horizontal List: Horizontal drag & drop - 🌳 Nested Tree Sort: Tree structure sorting - 🗃️…
- [kovidgoyal/kitty](https://awesome-repositories.com/repository/kovidgoyal-kitty.md) (33,462 ⭐) — Kitty is a high-performance, GPU-accelerated terminal emulator designed to provide a consistent and extensible workspace across different operating systems. It leverages graphics hardware to render text, images, and complex layouts with low latency, while providing a robust environment for demanding command-line workflows.

The project distinguishes itself through its integrated workspace management and programmable interface. It functions as a tiling window manager that organizes terminal windows, tabs, and layouts into persistent, keyboard-driven sessions. Users can automate complex workflows by interacting with the terminal through a socket-based remote control protocol, which allows external scripts to manage window states, layouts, and session data programmatically.

Beyond core emulation, the project offers an extensive suite of capabilities for advanced terminal graphics, including the ability to render high-fidelity images and system data visualizations directly within the interface. It supports deep shell integration, advanced keyboard and mouse reporting, and a declarative configuration system that allows for live-reloading of visual settings and keybindings.

The software is built using a unified cross-platform system that manages dependencies and native binaries. It includes comprehensive documentation and utilities for performance tuning, session persistence, and remote environment synchronization.
- [fritx/react-drag-sizing](https://awesome-repositories.com/repository/fritx-react-drag-sizing.md) (19 ⭐) — "Drag to resize" (sizing) as React Component.
- [gridstack/gridstack.js](https://awesome-repositories.com/repository/gridstack-gridstack-js.md) (8,972 ⭐) — gridstack.js is a JavaScript grid layout library and responsive dashboard framework used to create interactive interfaces with draggable and resizable elements. It functions as a drag-and-drop layout manager and a JSON-serializable layout engine, allowing user-defined interface states to be persisted and restored.

The library distinguishes itself through a touch-enabled grid interface and a responsive system that automatically adjusts item placement based on screen breakpoints. It features a collision-based layout engine that manages overlapping coordinates to shift or swap elements, alongside coordinate-based space compaction to reclaim empty gaps.

The framework covers a broad range of capabilities, including hierarchical grid nesting, right-to-left layout support, and external element import. It provides comprehensive event handling for the interaction lifecycle, including custom resize handles, drop zone validation, and integration hooks for component frameworks and virtual DOMs.

The system includes performance optimizations such as deferred collision detection and element visibility tracking to manage computational load during active interactions.
- [bradtraversy/50projects50days](https://awesome-repositories.com/repository/bradtraversy-50projects50days.md) (40,577 ⭐) — This project is an educational code repository containing a collection of over 50 mini web development exercises. It serves as a front-end learning resource designed to help developers practice foundational skills by building small, interactive projects using standard HTML, CSS, and JavaScript.

The repository distinguishes itself by focusing on standalone interactive component prototyping and the implementation of client-side logic. Each project is organized into a decoupled directory structure, allowing users to explore individual interface patterns and visual effects in isolation. These exercises demonstrate how to manipulate the document object model directly and integrate browser-native programming interfaces to handle user input and state.

The collection covers a range of technical capabilities, including asynchronous data retrieval through external service integration and the use of declarative style rules for visual transitions. All projects are delivered as static files, requiring no server-side processing or database configuration to execute.
- [react-d3-library/react-d3-library](https://awesome-repositories.com/repository/react-d3-library-react-d3-library.md) (1,537 ⭐) — Open source library for using D3 in React
- [awesome-selfhosted/awesome-selfhosted](https://awesome-repositories.com/repository/awesome-selfhosted-awesome-selfhosted.md) (299,516 ⭐) — This project is a community-curated directory of open-source software designed for deployment in private server environments and home labs. It serves as a comprehensive resource for discovering independent, self-hosted alternatives to mainstream cloud services, enabling users to maintain full data ownership and control over their digital infrastructure.

The directory is structured through a hierarchical taxonomy that organizes a vast collection of applications into logical categories, ranging from media management and data analytics to private communication and team productivity tools. It distinguishes itself through a collaborative peer-review process, where community members validate the quality and relevance of each submission to ensure the directory remains accurate and reliable.

The project covers a broad capability surface, including infrastructure automation, container-based service deployment, and declarative configuration management. These tools assist users in maintaining reproducible server environments and managing complex service dependencies across private hardware.

The directory is maintained as a version-controlled repository, ensuring that all updates and community-driven changes are tracked and transparent.
- [alex-fun/vue-drag-and-drop-list](https://awesome-repositories.com/repository/alex-fun-vue-drag-and-drop-list.md) (0 ⭐)
- [haltu/muuri](https://awesome-repositories.com/repository/haltu-muuri.md) (10,954 ⭐) — Muuri is a JavaScript grid layout library and draggable UI framework used to create responsive grids with drag-and-drop reordering, sorting, and animated filtering. It features a nested grid system that allows full grid instances to be embedded inside other grid items to create hierarchical structures.

The library uses a web worker layout engine to offload heavy coordinate calculations to background threads, maintaining interface responsiveness during complex rearrangements. 

The system provides interactive capabilities for moving items between multiple containers, filtering visibility based on specific criteria, and reordering elements via custom comparator functions. Layouts are managed using a bin-packing algorithm to minimize gaps and utilize CSS transforms for high-performance animations during transitions.
- [flutter/flutter](https://awesome-repositories.com/repository/flutter-flutter.md) (177,056 ⭐) — This project is a multi-platform UI framework designed for building applications that target mobile, web, and desktop environments from a single codebase. It utilizes a declarative paradigm where the user interface is defined as a function of application state, supported by a layered architecture that includes a high-performance rendering engine and a multi-platform compilation model.

The framework provides a comprehensive suite of developer tools, including hot reloading for real-time code injection and diagnostic utilities for monitoring application state and performance. It features a modular component system, a constraint-based layout engine, and built-in support for navigation, localization, and accessibility. Developers can extend functionality through a native integration model that supports platform-specific APIs, foreign function interfaces, and a package management system for dependency distribution.

Beyond core UI development, the project includes infrastructure for application packaging and distribution across various app stores and web environments. It also incorporates concurrency models for background task management, security utilities for code obfuscation, and tools for integrating generative AI into the development workflow.
- [table-library/react-table-library](https://awesome-repositories.com/repository/table-library-react-table-library.md) (795 ⭐) — React Table Library
- [juliangarnier/anime](https://awesome-repositories.com/repository/juliangarnier-anime.md) (69,932 ⭐) — 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 configurable friction, damping, mass, and snapping behavior, facilitating natural user interactions within web applications.

Beyond its core animation capabilities, the framework supports high-performance frame rendering and provides extensive lifecycle hooks for state synchronization. It offers flexible configuration options for easing, units, and playback control, allowing developers to manage complex UI motion through a consistent, object-based parameter interface.

The engine is compatible with standard JavaScript environments and can be integrated into component-based architectures. It is available for installation via package managers, or it can be loaded directly via content delivery networks and import maps for browser-native usage.
- [testing-library/react-testing-library](https://awesome-repositories.com/repository/testing-library-react-testing-library.md) (19,606 ⭐) — React Testing Library is a testing framework for verifying React components by interacting with rendered output instead of internal implementation details. It functions as a DOM testing utility and a frontend integration testing tool that mounts components into a virtual document object model for execution within Node.js environments.

The library utilizes an accessibility-first query engine to locate user interface elements via ARIA roles and labels. This approach ensures web accessibility standards are met by mirroring how users perceive the interface rather than relying on implementation-specific CSS selectors.

The toolkit provides capabilities for asynchronous UI verification through mutation-based polling to synchronize tests with delayed state updates. It also includes utilities for event-driven interaction simulation to mimic human behavior and verify resulting interface changes.
- [bauerca/drag-sort-listview](https://awesome-repositories.com/repository/bauerca-drag-sort-listview.md) (3,200 ⭐) — Android ListView with drag and drop reordering.
- [livewire/livewire](https://awesome-repositories.com/repository/livewire-livewire.md) (23,448 ⭐) — Livewire is a full-stack framework for PHP that enables the development of reactive, dynamic user interfaces using server-side classes and templates. By bridging the gap between server-side logic and client-side DOM updates, it allows developers to build interactive web applications without writing custom JavaScript. The framework operates as a component-based library, where modular units encapsulate interface logic, state, and event handling directly on the server.

The framework distinguishes itself through a reactive architecture that automatically synchronizes state between the browser and the server. It handles complex tasks like form management, real-time data updates, and page navigation by intercepting browser events and performing surgical DOM updates. This approach ensures that user interactions trigger server-side methods and receive incremental updates, maintaining a seamless experience while keeping the primary application logic within the PHP environment.

Beyond its core reactive capabilities, the framework provides a comprehensive suite of tools for managing the application lifecycle. This includes robust support for component composition, state persistence, file handling, and performance optimization through lazy loading and request bundling. It also incorporates built-in security primitives, such as property validation and integrity verification, to ensure data consistency and protect against unauthorized actions.

The framework is designed for integration into existing PHP projects, offering a command-line interface for scaffolding components and managing project structure. It includes extensive testing utilities for verifying component behavior and rendering, as well as built-in mechanisms for managing loading states and visual feedback during asynchronous operations.
- [expo/expo](https://awesome-repositories.com/repository/expo-expo.md) (50,111 ⭐) — Expo is a universal mobile framework designed to build native iOS and Android applications from a single codebase using web-standard technologies. It provides a comprehensive development environment that includes a unified runtime for testing, cloud-based infrastructure for compiling and signing native binaries, and automated tools for managing the entire mobile release lifecycle, including app store submission.

The framework distinguishes itself through a plugin-based native configuration engine that programmatically modifies project files, allowing developers to integrate native modules without manual intervention. It also features a file-based routing system that maps directory structures directly to navigation paths, and an over-the-air update service that enables the deployment of JavaScript and asset changes directly to user devices, bypassing traditional app store review cycles.

Beyond these core capabilities, the platform offers a wide range of integrated services for managing project metadata, environment variables, and persistent data storage. It includes a robust set of UI components and utilities for handling hardware-level features such as camera access, geolocation, audio and video playback, and push notifications. Developers can also leverage managed cloud services to orchestrate custom build profiles and automate CI/CD workflows.

The project is managed via a command-line interface that facilitates project setup, native module integration, and the generation of custom development builds. Documentation and tooling are provided to support both standalone applications and the integration of Expo into existing native projects.
- [cyrus-and/chrome-remote-interface](https://awesome-repositories.com/repository/cyrus-and-chrome-remote-interface.md) (4,539 ⭐) — Chrome Debugging Protocol interface for Node.js
- [measuredco/puck](https://awesome-repositories.com/repository/measuredco-puck.md) (12,817 ⭐) — Puck is a visual page editor and layout tool for React. It functions as a CMS page builder and component orchestrator, allowing for the design and arrangement of structured content pages through a drag-and-drop interface.

The system utilizes a pluggable component registry to integrate external React components into the visual canvas. It employs schema-driven mapping and JSON-based serialization to store and persist page structures as portable data objects.

The platform covers the domain of no-code page building and CMS content management, providing a visual reconciliation system to synchronize the editor state with the underlying data model.
- [emotion-js/emotion](https://awesome-repositories.com/repository/emotion-js-emotion.md) (18,017 ⭐) — This project is a styling library and framework designed for component-based architectures, enabling developers to define and manage visual styles directly within JavaScript or TypeScript. It functions as a styling engine that generates unique class names from style definitions, ensuring encapsulated, predictable, and maintainable visual presentation across applications. By integrating with component logic, it allows for the creation of reusable UI elements with styles defined through template literals or object syntax.

The library distinguishes itself through a comprehensive suite of build-time and runtime capabilities that extend beyond basic styling. It supports dynamic theme propagation through the component tree, allowing for consistent design token management, and provides advanced server-side rendering support by extracting and serializing styles for initial page loads. Furthermore, it includes specialized tooling for performance optimization, such as critical CSS management, dead code elimination, and build-time style transformations, alongside security features like content security policy nonce injection for dynamically generated styles.

Beyond its core styling primitives, the project offers a robust ecosystem for managing complex design systems. This includes responsive design utilities, global style management, and extensive configuration options for style injection and debugging. The library also provides automated tools for code migration, style usage validation, and standards enforcement to maintain consistency across large-scale projects.

Comprehensive documentation and installation instructions are available in the repository, which also provides utilities for source-mapped debugging and style serialization to assist in development and testing workflows.
- [mzabriskie/react-draggable](https://awesome-repositories.com/repository/mzabriskie-react-draggable.md) (9,289 ⭐) — 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.
- [tajo/react-movable](https://awesome-repositories.com/repository/tajo-react-movable.md) (1,672 ⭐) — 🔀 Drag and drop for your React lists and tables. Accessible. Tiny.
- [pmndrs/use-gesture](https://awesome-repositories.com/repository/pmndrs-use-gesture.md) (9,618 ⭐) — use-gesture is a JavaScript gesture manager and interaction tool designed to detect and process user input patterns. It functions as a React gesture hook library and a general utility for tracking screen coordinates and movement patterns to drive interactive component behaviors.

The library specializes in capturing complex mouse and touch interactions, including dragging, pinching, swiping, and scrolling. It provides a system for implementing drag and drop functionality and pinch-to-zoom interactions.

The tool covers the development of interactive UI components by normalizing diverse input events into a unified format. It manages the detection of custom input patterns and the integration of touch gestures for both React and vanilla JavaScript applications.
- [kentcdodds/react-testing-library](https://awesome-repositories.com/repository/kentcdodds-react-testing-library.md) (19,606 ⭐) — This project is a component testing framework and utility designed for testing React components. It functions as a DOM testing library that allows for the verification of rendered output and component functionality without accessing internal implementation details.

The library focuses on behavior driven development by simulating user interactions within a virtual DOM environment. It utilizes implementation-agnostic querying to locate elements via accessible roles and labels, ensuring that the interface is verified from the perspective of the user.

The toolset covers frontend integration testing and React DOM validation. It provides capabilities to render components into a simulated browser document, trigger synthetic events, and verify that the resulting HTML output behaves correctly.
- [georgipeltekov/ngx-file-drop](https://awesome-repositories.com/repository/georgipeltekov-ngx-file-drop.md) (303 ⭐) — Angular 11 file and folder drop library