awesome-repositories.com
ब्लॉग
awesome-repositories.com

AI-संचालित खोज के साथ बेहतरीन ओपन-सोर्स रिपॉजिटरी खोजें।

एक्सप्लोर करेंक्यूरेटेड खोजेंओपन-सोर्स विकल्पसेल्फ-होस्टेड सॉफ्टवेयरब्लॉगसाइटमैप
प्रोजेक्टहमारे बारे मेंहम रैंकिंग कैसे करते हैंप्रेसMCP सर्वर
कानूनीगोपनीयताशर्तें
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

17 रिपॉजिटरी

Awesome GitHub RepositoriesInteractive Element Registries

Systems for tracking and managing references to draggable and droppable elements within an interface.

Distinct from Interactive UI Elements: Distinct from Interactive UI Elements: focuses on the registry mechanism for spatial tracking rather than the elements themselves.

Explore 17 awesome GitHub repositories matching user interface & experience · Interactive Element Registries. Refine with filters or upvote what's useful.

Awesome Interactive Element Registries GitHub Repositories

AI के साथ बेहतरीन रिपॉजिटरी खोजें।हम AI का उपयोग करके सबसे सटीक रिपॉजिटरी खोजेंगे।
  • shopify/draggableShopify का अवतार

    Shopify/draggable

    18,457GitHub पर देखें↗

    Draggable is a JavaScript library for implementing draggable elements and sortable lists within a web browser. It provides a functional toolset for creating accessible drag and drop interfaces and a mechanism for dynamically swapping, sorting, and reordering HTML elements in real time. The library features a cross-input interaction layer that unifies mouse, touch, and force-touch events into a single stream for consistent behavior across different devices. It specifically includes tools for providing screen reader feedback and assistive technology support to ensure drag operations are accessi

    Supports the definition of specific target areas that accept and react to elements being dragged over them.

    JavaScriptdrag-and-dropdraggablees6
    GitHub पर देखें↗18,457
  • clauderic/dnd-kitclauderic का अवतार

    clauderic/dnd-kit

    17,243GitHub पर देखें↗

    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 c

    Maintains a registry of draggable and droppable elements to enable coordinate detection and collision resolution.

    TypeScriptdragdrag-and-dropdraggable
    GitHub पर देखें↗17,243
  • hoffstadt/dearpyguihoffstadt का अवतार

    hoffstadt/DearPyGui

    15,217GitHub पर देखें↗

    DearPyGui is a GPU-accelerated, immediate-mode graphical user interface framework for Python. It provides a high-performance toolkit for building interactive desktop applications by leveraging native hardware-accelerated rendering backends across multiple operating systems. By utilizing an immediate-mode execution model, the library offers direct control over the rendering loop and element state, enabling the creation of responsive, dynamic interfaces. The framework distinguishes itself through its ability to handle complex, high-frequency visual updates, making it suitable for real-time data

    Provides access to recently created interface elements for dynamic runtime interaction.

    C++cppcross-platformdearpygui
    GitHub पर देखें↗15,217
  • hotwired/stimulushotwired का अवतार

    hotwired/stimulus

    13,058GitHub पर देखें↗

    Stimulus is a JavaScript behavior framework and client-side logic layer used to add interactive behavior to server-rendered HTML. It functions as a system of DOM component controllers that organize JavaScript logic into classes, allowing developers to enhance server-delivered markup without replacing the rendering process with a client-side framework. The framework uses data attributes to bind JavaScript classes to HTML elements and map DOM events to specific methods through document-level event delegation. It employs a lifecycle manager based on mutation observers to automatically instantiat

    Tracks and manages the active state of controllers as their elements enter or leave the document.

    TypeScript
    GitHub पर देखें↗13,058
  • gridstack/gridstack.jsgridstack का अवतार

    gridstack/gridstack.js

    8,972GitHub पर देखें↗

    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, alongsid

    Validates which dragged elements are permitted to be dropped onto a target based on custom logic.

    TypeScriptangulardashboardgrid
    GitHub पर देखें↗8,972
  • prevwong/craft.jsprevwong का अवतार

    prevwong/craft.js

    8,683GitHub पर देखें↗

    Craft.js is a framework for building extensible drag-and-drop page editors using React components and serializable state management. It provides the core infrastructure to construct custom page builders where users can compose layouts by dragging, dropping, and repositioning elements within a structured editor environment. The framework manages editor state through a component-based node tree, where each user element is represented as an internal node storing its type, props, and parent relationships. This state is managed via React Context and can be serialized to JSON for persistence and sh

    Marks elements as containers that accept child elements, making those children draggable within the editor.

    TypeScriptdraft-jsdrag-and-drophtml-builder
    GitHub पर देखें↗8,683
  • louthy/language-extlouthy का अवतार

    louthy/language-ext

    7,057GitHub पर देखें↗

    language-ext is a functional programming framework for C# that provides a suite of immutable data structures and monadic types. It enables the implementation of pure functional programming patterns, utilizing containers to manage side effects, optional values, and error handling. The library is distinguished by its advanced concurrency and state management tools, including a software transactional memory system and lock-free atomic references. It also provides specialized utilities for distributed systems, such as vector clocks for causality tracking and deterministic data conflict resolution

    Creates new sets by applying mapping functions or filtering elements of an existing set.

    C#
    GitHub पर देखें↗7,057
  • vandadnp/flutter-tips-and-tricksvandadnp का अवतार

    vandadnp/flutter-tips-and-tricks

    6,822GitHub पर देखें↗

    This repository is a collection of practical code snippets and implementation patterns for Flutter and Dart. It serves as a comprehensive guide and reference for asynchronous programming, state management patterns, and UI component design. The project provides advanced language reference material covering generics, reflection, factory constructors, and null-aware operators. It also includes specific utilities for manipulating Dart collections, such as helper methods for transforming and filtering maps, lists, and iterables. The coverage extends to high-level capabilities including asynchrono

    Creates new sets by applying a transformation function to each element of another collection.

    Dartdartflutterflutter-ui
    GitHub पर देखें↗6,822
  • scottplot/scottplotScottPlot का अवतार

    ScottPlot/ScottPlot

    6,417GitHub पर देखें↗

    ScottPlot is a cross-platform, high-performance charting library for .NET that renders interactive plots across desktop and web GUI frameworks including Windows Forms, WPF, MAUI, Avalonia, Blazor, and WinUI. It provides an optimized rendering engine capable of displaying millions of data points with interactive pan, zoom, and live data streaming, while also supporting image export to formats like PNG and SVG for file output, cloud applications, and notebooks. The library distinguishes itself through a comprehensive set of chart types including scatter, line, bar, pie, heatmap, financial, rada

    Provides draggable lines, markers, spans, and rectangles that respond to mouse input without manual event wiring.

    C#chartchartingcharts
    GitHub पर देखें↗6,417
  • konvajs/react-konvakonvajs का अवतार

    konvajs/react-konva

    6,362GitHub पर देखें↗

    react-konva is a declarative React canvas graphics library and 2D vector graphics framework. It serves as a rendering engine and interactive canvas toolset that allows for the drawing and management of complex 2D shapes and graphics using a React component model. The library maps reactive component trees to an underlying object-oriented graphics scene graph, enabling the synchronization of visual states with application data. It provides specialized tools for building interactive graphical interfaces, including support for multi-touch gestures, drag-and-drop functionality, and real-time trans

    Handles complex user interactions including clicking, resizing, and dragging on individual canvas elements.

    TypeScript
    GitHub पर देखें↗6,362
  • mpetroff/pannellummpetroff का अवतार

    mpetroff/pannellum

    4,833GitHub पर देखें↗

    Pannellum is a WebGL panorama viewer and virtual tour framework used to render equirectangular or cubemap images as immersive 360-degree environments. It functions as a multiresolution image renderer and a panoramic video player, supporting both static images and spherical video playback. The project distinguishes itself by its ability to handle extremely large, high-resolution panoramas through multiresolution tile generation and loading. It enables the creation of interactive virtual tours by linking multiple panoramic scenes together using transition fades and interactive hotspots. The sy

    Enables the placement of clickable markers within a panorama to provide additional context or metadata.

    JavaScriptjavascriptlibrarypanorama
    GitHub पर देखें↗4,833
  • zio/ziozio का अवतार

    zio/zio

    4,347GitHub पर देखें↗

    ZIO is a functional effect system for the JVM that models asynchronous and concurrent programs as pure, composable values with typed error handling and dependency injection. Its core identity is built on fiber-based concurrency, where lightweight, non-blocking fibers execute millions of concurrent tasks with structured lifecycle management, and a dual-channel error model that separates expected business failures from unexpected system defects at compile time. The system provides effect-typed dependency injection through a layer-based dependency graph, pull-based reactive stream processing with

    Provides transactional set transformation as part of its software transactional memory capabilities.

    Scalaasynchronicityasynchronousasynchronous-programming
    GitHub पर देखें↗4,347
  • leaferjs/leafer-uileaferjs का अवतार

    leaferjs/leafer-ui

    4,184GitHub पर देखें↗

    Leafer UI एक उच्च-प्रदर्शन HTML5 कैनवास रेंडरिंग इंजन और 2D वेक्टर ग्राफिक्स लाइब्रेरी है। यह इंटरैक्टिव कैनवास एप्लिकेशन और व्यापक अनंत कैनवास बनाने के लिए एक टूलकिट प्रदान करते हुए, आकृतियों, पथों और टेक्स्ट को प्रबंधित करने के लिए एक पदानुक्रमित दृश्य ट्री का उपयोग करती है। यह इंजन एक क्रॉस-प्लेटफॉर्म कैनवास टूलकिट के रूप में डिज़ाइन किया गया है जो ड्राइंग API से मुख्य लॉजिक को अलग करता है, जिससे यह वेब, मोबाइल, सर्वर और मिनी-प्रोग्राम वातावरण में चल सकता है। यह हिट डिटेक्शन, इवेंट बबलिंग और ट्रांसफॉर्मेशन कंट्रोल्स सहित इंटरैक्टिव ग्राफिक एडिटर विकास के लिए विशेष टूल्स प्रदान करके खुद को अलग करता है। इसकी क्षमता सतह वेक्टर आकार रेंडरिंग, जटिल पथ निर्माण और मोशन एनिमेशन को कवर करती है। इस फ्रेमवर्क में एक लचीले बॉक्स मॉडल के साथ एक लेआउट इंजन, सटीक पोजिशनिंग के लिए निर्देशांक-स्थान अनुवाद, और वेब वर्कर्स में मल्टी-थ्रेडेड ऑफस्क्रीन रेंडरिंग के लिए समर्थन शामिल है। यह दृश्य प्रबंधन, तत्व मास्किंग और कैनवास कंटेंट को इमेज या JSON में निर्यात करने के लिए टूल्स भी प्रदान करता है। इस लाइब्रेरी को एक मानक स्क्रिप्ट टैग के माध्यम से एकीकृत किया जा सकता है या React, Vue और Nuxt जैसे रिएक्टिव फ्रेमवर्क के भीतर उपयोग किया जा सकता है।

    Provides a specialized system for managing user interactions specifically for 2D canvas shapes and groups.

    TypeScriptcanvasinfinite-canvasleafer
    GitHub पर देखें↗4,184
  • mikke89/rmluimikke89 का अवतार

    mikke89/RmlUi

    4,178GitHub पर देखें↗

    RmlUi is a cross-platform UI renderer and middleware library that enables the creation of user interfaces using a subset of HTML and CSS. It functions as a rendering-agnostic layer designed to integrate web-standard layout and styling into custom game engines and embedded applications. The framework is distinguished by its integration of Lua for dynamic logic and control, as well as a specialized toolkit for rendering SVG images and Lottie animations. It utilizes a pluggable rendering backend that decouples geometry generation from the final display, allowing it to generate textured geometry

    Configures interactive element properties such as cursor styles and drag-and-drop behavior.

    C++
    GitHub पर देखें↗4,178
  • aimeos/mapaimeos का अवतार

    aimeos/map

    4,200GitHub पर देखें↗

    This PHP data collection library is a functional data wrapper and array manipulation framework. It converts arrays, JSON strings, and iterables into chainable collection objects designed for advanced filtering, sorting, and transformation. The library is distinguished by its ability to dynamically extend functionality through the registration of custom methods via closures. It also provides specialized capabilities for hierarchical data modeling, allowing flat datasets with parent-child identifiers to be reconstructed into nested tree structures. The toolkit covers a broad surface of data ma

    Filters elements by callbacks, regular expressions, key comparisons, or value conditions.

    PHParraycollectionmap
    GitHub पर देखें↗4,200
  • ericdrowell/kineticjsericdrowell का अवतार

    ericdrowell/KineticJS

    4,017GitHub पर देखें↗

    KineticJS is an HTML5 Canvas JavaScript framework and 2D graphics engine. It provides a system for building interactive user interfaces and 2D graphics by managing a scene graph of elements with dedicated rendering and event propagation. The framework functions as a canvas interaction library that adds event handling to canvas-based applications for desktop and mobile devices. It includes a server-side canvas renderer, allowing graphics to be drawn and rendered in a server environment.

    Provides a system for building interactive user interfaces and 2D graphics on HTML5 Canvas.

    JavaScript
    GitHub पर देखें↗4,017
  • micku7zu/vanilla-tilt.jsmicku7zu का अवतार

    micku7zu/vanilla-tilt.js

    4,012GitHub पर देखें↗

    vanilla-tilt.js is a JavaScript 3D tilt library used to animate web elements in 3D space. It functions as an interactive UI animation tool that drives element rotation and scale effects based on mouse movement or mobile device orientation. The library distinguishes itself through the simulation of physical surfaces, utilizing a dynamic light glare effect to create glossy reflections that shift with the cursor. It also includes a parallax depth system that offsets inner elements relative to a parent container to simulate physical layering and three-dimensional space. The toolkit covers a broa

    Provides configuration options for how elements reset, scale, or initialize angles during interaction.

    JavaScriptjavascriptlibrarysmooth
    GitHub पर देखें↗4,012
  1. Home
  2. User Interface & Experience
  3. Interactive UI Elements
  4. Interactive Element Registries

सब-टैग एक्सप्लोर करें

  • Canvas Element Interactions2 सब-टैग्सManagement of user interactions specifically for 2D canvas shapes and groups. **Distinct from Interactive Element Registries:** Distinct from Interactive Element Registries: focuses on the actual interaction logic for canvas objects rather than just tracking their references.
  • Draggable Plot ElementsInteractive plot elements such as draggable lines, markers, spans, and rectangles that respond to mouse input without manual event wiring. **Distinct from Interactive Element Registries:** Distinct from Interactive Element Registries: focuses on the draggable plot elements themselves, not the registry mechanism for tracking them.
  • Droppable Zone Definitions1 सब-टैगSystems for defining target areas that accept and react to dragged elements. **Distinct from Interactive Element Registries:** Focuses on defining the 'drop' target area rather than the overall registry of all interactive elements.
  • Interaction Behavior ConfigurationsSettings that define how elements behave during interaction, such as draggability constraints and cursor styles. **Distinct from Interactive Element Registries:** Covers the behavioral properties of the elements themselves rather than the registry that tracks them.