17 repository-uri
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Leafer UI este un motor de randare HTML5 canvas de înaltă performanță și o bibliotecă de grafică vectorială 2D. Utilizează un arbore de scenă ierarhic pentru a gestiona forme, căi și text, oferind un set de instrumente pentru construirea de aplicații canvas interactive și canvas-uri infinite expansive. Motorul este conceput ca un set de instrumente canvas cross-platform care decuplează logica de bază de API-ul de desenare, permițându-i să ruleze în medii web, mobile, server și mini-program. Se distinge prin furnizarea de instrumente specializate pentru dezvoltarea de editoare grafice interactive, inclusiv detectarea hit-urilor, propagarea evenimentelor (event bubbling) și controale de transformare. Suprafața sa de capabilități acoperă randarea formelor vectoriale, crearea de căi complexe și animații de mișcare. Framework-ul include un motor de layout cu un model flexbox, traducerea spațiului de coordonate pentru poziționare precisă și suport pentru randarea offscreen multi-threaded în web workers. De asemenea, oferă instrumente pentru gestionarea scenei, mascarea elementelor și exportul conținutului canvas în imagini sau JSON. Biblioteca poate fi integrată printr-un tag script standard sau utilizată în cadrul framework-urilor reactive precum React, Vue și Nuxt.
Provides a specialized system for managing user interactions specifically for 2D canvas shapes and groups.
RmlUi este un renderer UI cross-platform și o bibliotecă middleware care permite crearea de interfețe utilizator folosind un subset de HTML și CSS. Funcționează ca un strat agnostic de randare conceput pentru a integra layout-ul și stilizarea standard web în motoare de jocuri personalizate și aplicații embedded. Framework-ul se distinge prin integrarea Lua pentru logică și control dinamic, precum și printr-un set de instrumente specializat pentru randarea imaginilor SVG și a animațiilor Lottie. Utilizează un backend de randare pluggable care decuplează generarea geometriei de afișarea finală, permițându-i să genereze geometrie texturată pentru diverse pipeline-uri grafice. Sistemul acoperă o gamă largă de capabilități, inclusiv un motor de layout box-model, un motor de stilizare în cascadă și data-binding pentru sincronizarea modelelor cu view-urile. Oferă gestionare completă a input-ului pentru mouse, tastatură și touch, alături de servicii de internaționalizare pentru traducerea textului bazată pe localitate. Caracteristicile suplimentare includ scalare high-DPI, compoziție alfa bazată pe straturi și un set de componente interactive precum range sliders și meniuri drop-down. Sursa poate fi compilată în binare WebAssembly pentru execuție în browserele web.
Configures interactive element properties such as cursor styles and drag-and-drop behavior.
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.
KineticJS este un framework JavaScript pentru HTML5 Canvas și un motor grafic 2D. Acesta oferă un sistem pentru construirea de interfețe interactive și grafică 2D prin gestionarea unui „scene graph” de elemente, cu randare dedicată și propagare a evenimentelor. Framework-ul funcționează ca o bibliotecă de interacțiune pentru canvas, adăugând gestionarea evenimentelor aplicațiilor bazate pe canvas pentru desktop și mobil. Include un motor de randare canvas pe partea de server, permițând desenarea și randarea graficii într-un mediu server.
Provides a system for building interactive user interfaces and 2D graphics on HTML5 Canvas.
vanilla-tilt.js este o bibliotecă JavaScript de înclinare 3D utilizată pentru a anima elemente web în spațiul 3D. Aceasta funcționează ca un instrument interactiv de animație UI care determină rotația și scalarea elementelor pe baza mișcării mouse-ului sau a orientării dispozitivului mobil. Biblioteca se distinge prin simularea suprafețelor fizice, utilizând un efect dinamic de reflexie a luminii pentru a crea reflexii lucioase care se deplasează odată cu cursorul. Include, de asemenea, un sistem de profunzime parallax care decalează elementele interioare în raport cu un container părinte pentru a simula stratificarea fizică și spațiul tridimensional. Toolkit-ul acoperă o gamă largă de capabilități de interacțiune și animație, inclusiv rotația bazată pe giroscop pentru dispozitive mobile, comportamente configurabile de înclinare și monitorizarea stării de rotație. Oferă callback-uri și evenimente personalizate care emit gradele și procentele curente de rotație către listeneri externi.
Provides configuration options for how elements reset, scale, or initialize angles during interaction.