17 Repos
Utilities for managing complex user interface events and input sequences.
Distinguishing note: Focuses on UI-specific event logic like debouncing and drag-and-drop.
Explore 17 awesome GitHub repositories matching user interface & experience · Interaction Handling. Refine with filters or upvote what's useful.
Iced is a cross-platform graphical user interface framework designed for building interactive applications with a focus on type safety and predictable state management. It utilizes a declarative architecture that separates application state, update logic, and view rendering, allowing developers to construct complex interfaces by nesting reusable functional components. The framework distinguishes itself through an Elm-inspired message-passing pattern, where all user interactions are processed as discrete messages to ensure reliable state transitions. It employs an immediate-mode rendering para
Represents user interactions as distinct variants to ensure explicit handling.
This project provides a collection of instructional guides and tutorials for Android app development, native mobile application creation, and computer science education. It focuses on building native applications through step-by-step implementation, covering the development of user interfaces and the integration of system hardware and permissions. The material extends into broader technical domains, including the study of fundamental data structures and algorithms for technical interview preparation. It also covers cybersecurity fundamentals, such as identifying web vulnerabilities and implem
Handles user clicks and gestures and provides visual feedback via toasts, snackbars, and dialogs.
SmartRefreshLayout is a pull-to-refresh framework and gesture interaction library for Android. It provides a scroll view wrapper that integrates interactive refresh headers and loading footers into mobile user interfaces, coordinating synchronized scrolling and touch events. The project features a pluggable architecture for custom refresh indicators and secondary refresh mechanisms. It utilizes damping-based gesture translation and overscroll rebound mechanisms to manage the tactile feel of drag resistance and physics-based animations. The library covers a broad range of interaction logic, i
Handles simultaneous finger inputs to drive refresh animations without interrupting the main scroll logic.
This project is a comprehensive collection of modular, reactive functions designed to streamline the development of user interfaces. It serves as a toolkit for managing application state, wrapping native browser hardware and system features, and encapsulating common logic patterns into reusable units. By binding asynchronous data sources, browser events, and system properties to component state, it provides a unified framework for building interactive web and desktop applications. The library distinguishes itself through its focus on composition and lifecycle management, allowing developers t
Captures complex input events like gestures and keyboard shortcuts to simplify logic for interactive interface elements.
Kivy is a cross-platform Python GUI framework used to build graphical user interfaces that run on desktop and mobile operating systems from a single codebase. It functions as a multi-touch UI library and a custom widget toolkit, providing a development environment for packaging Python applications into binary installations for Android and iOS. The framework is distinguished by its ability to handle complex multi-touch gestures and interactive input across various devices. It utilizes a specialized domain language for declarative UI construction to separate visual layout definitions from Pytho
Implements a specialized system for processing complex multi-touch gestures and interactive inputs across diverse hardware.
Hammerspoon is a programmable automation engine for macOS that enables deep system-level control through a Lua scripting environment. By bridging high-level scripts with native Objective-C APIs, it allows users to interact with the operating system's accessibility tree, intercept hardware input streams, and manage the lifecycle of running applications. The project distinguishes itself through an event-driven architecture that registers asynchronous hooks for system notifications and hardware events. This allows for real-time automation, such as remapping keyboard and mouse inputs, managing wi
Triggers custom logic when users interact with drawn interface elements.
mui is a mobile UI component framework and native-like web UI kit designed for building high-performance mobile web interfaces. It functions as a mobile web performance framework and gesture-based interface library to eliminate browser lag and mimic the behaviors and animations of native mobile applications. The framework focuses on implementing common mobile UX patterns, including pull-to-refresh functionality, swipe-to-action menus, and sliding side navigation. It provides specialized tools for gesture-driven interface development to ensure an immediate visual response to touch interactions
Processes touch interactions through a native event layer for immediate visual response.
AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of performant alternatives to standard views, allowing developers to build responsive interfaces by offloading layout and rendering tasks to background threads. The framework is centered around a declarative layout engine based on a flexbox model, which calculates element positions and sizes asynchronously. It utilizes a node-based abstraction to wrap native views, enabling the instantiation and configuration of UI hierarchies on background threads to prevent main thread blocking. The sy
Processes taps and drags through target-action pairs to trigger UI functions.
iCarousel is a data-driven UI library for macOS and iOS used to build interactive three-dimensional scrolling experiences. It functions as a customizable view controller that renders paged content using cylindrical or cover-flow 3D effects. The component is distinguished by its programmable perspective and visual transformation hooks, which allow for the definition of custom 3D styles and bespoke animation effects. Users can adjust viewpoint distance, alpha fading, and foreshortening to control how the vanishing point and depth appear during navigation. The library manages high-performance v
Detects taps and gestures on individual items through delegate methods to trigger application logic.
Rete is a framework for building interactive, node-based visual interfaces and dataflow programming environments. It provides a core engine that processes directed graphs, allowing developers to define modular logic where nodes represent operations and connections represent the flow of data or control. By decoupling the graph logic from the user interface, the framework enables the creation of custom visual editors that can be integrated into various frontend component libraries. The project distinguishes itself through a highly extensible, signal-driven architecture that supports complex req
Manages complex user interaction events including drag-and-drop, undo-redo history, and read-only state enforcement.
This project is a comprehensive library of reusable React hooks designed to simplify browser API integration, state management, and component lifecycle tracking. It provides a declarative interface for managing complex browser interactions, allowing developers to encapsulate imperative logic into modular, composable functions that integrate directly with the component lifecycle. The library distinguishes itself by offering specialized utilities for asynchronous data orchestration, including built-in caching, retry logic, and loading state management. It also features advanced performance opti
Detects complex user interactions like hover states, key presses, and long-press gestures.
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
Allows configuration of available handles for resizing elements and defines draggable item behaviors.
EaselJS is a JavaScript library for creating interactive 2D graphics and animations using the HTML5 Canvas element. It functions as a 2D animation framework, a canvas scene graph manager, and an interaction wrapper for detecting and responding to mouse and touch events. The library features a rendering pipeline that utilizes WebGL to increase the drawing performance of bitmap and cached content. It organizes visual elements into a hierarchical display list, allowing nested groups of 2D graphics objects to be transformed and animated as single units. Its capabilities cover the rendering of ve
Provides utilities for detecting and responding to mouse and touch input events across canvas objects.
Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure
Triggers custom functions when users interact with cells within specific columns.
Dieses Projekt ist eine JavaScript-Pivot-Table-Bibliothek und clientseitiger Datenprozessor. Es bietet eine interaktive Schnittstelle zum Umwandeln roher Datensätze in zusammenfassende Tabellen, Heatmaps und Diagramme, was eine browserbasierte Datenanalyse ohne Backend-Server ermöglicht. Die Bibliothek zeichnet sich durch eine Drag-and-Drop-Schnittstelle für dynamische Datenexploration und die Fähigkeit aus, neue Attribute durch Datums-Binning oder benutzerdefinierte Logik abzuleiten. Sie unterstützt flexibles Daten-Rendering durch Konvertierung analysierter Ergebnisse in HTML-Tabellen oder grafische Darstellungen unter Verwendung integrierter oder Drittanbieter-Charting-Bibliotheken. Das System deckt eine breite Palette analytischer Funktionen ab, einschließlich statistischer Datenaggregation, Multi-Format-Datenimport aus CSV und JSON sowie den Export von Ansichten in tabulatorgetrennte Werte. Es enthält zudem Zustandsmanagement für die Serialisierung von Layout-Konfigurationen und eine Lokalisierungsschicht für regionale Sprach- und Zahlenformatierung.
Executes custom callback functions when clicking a cell to reveal the underlying raw records.
Leafer UI ist eine hochperformante HTML5-Canvas-Rendering-Engine und eine Bibliothek für 2D-Vektorgrafiken. Sie nutzt einen hierarchischen Szenenbaum zur Verwaltung von Formen, Pfaden und Text und bietet ein Toolkit für den Aufbau interaktiver Canvas-Anwendungen und expansiver unendlicher Arbeitsflächen. Die Engine ist als plattformübergreifendes Canvas-Toolkit konzipiert, das die Kernlogik von der Zeichen-API entkoppelt, wodurch sie in Web-, Mobil-, Server- und Mini-Programm-Umgebungen ausgeführt werden kann. Sie zeichnet sich durch die Bereitstellung spezialisierter Werkzeuge für die Entwicklung interaktiver Grafikeditoren aus, einschließlich Hit-Detection, Event-Bubbling und Transformationssteuerungen. Ihr Funktionsumfang deckt Vektorform-Rendering, komplexe Pfaderstellung und Bewegungsanimationen ab. Das Framework enthält eine Layout-Engine mit flexiblem Box-Modell, Koordinatenraum-Transformation für präzise Positionierung und Unterstützung für Multi-Threaded-Offscreen-Rendering in Web-Workern. Zudem bietet es Werkzeuge für Szenenverwaltung, Elementmaskierung und den Export von Canvas-Inhalten in Bilder oder JSON. Die Bibliothek kann über ein Standard-Script-Tag integriert oder innerhalb reaktiver Frameworks wie React, Vue und Nuxt verwendet werden.
Implements pixel-perfect hit detection to determine how complex visual elements respond to pointer events.
Dieses Projekt ist ein umfassendes Framework für die iOS-App-Entwicklung, das sich auf den Aufbau mobiler Anwendungen mit benutzerdefinierten UI-Komponenten, asynchronem Task-Management und lokaler Datenpersistenz konzentriert. Es dient als technische Wissensdatenbank für Software-Engineering und bietet Tools zur Organisation und Veröffentlichung architektonischer Analysen und Notizen im Markdown-Format. Das Framework zeichnet sich durch eine robuste dokumentenbasierte Speicherschicht aus, die BSON-formatierte Datensätze nutzt, um CRUD-Operationen innerhalb eines NoSQL-Dokumentenspeichers durchzuführen. Es bietet umfangreiche Systemintegrationsfunktionen, einschließlich spezialisierter App-Extension-Kommunikation, Cross-Sandbox-Messaging und nativer Share-Sheet-Präsentation, was eine nahtlose Interaktion zwischen der Host-Anwendung und Systemdiensten ermöglicht. Das Projekt deckt eine breite Funktionsfläche ab, einschließlich fortgeschrittenem Concurrency-Management mit thread-sicherer Synchronisierung, Auslagerung des Hintergrund-UI-Renderings zur Wahrung der Reaktionsfähigkeit und umfassender Internationalisierungsunterstützung. Es enthält zudem entwicklerfokussierte Utilities für statische Typgenerierung, automatisierte Asset-Mappings und interaktive Prototypenkonstruktion sowie spezialisierte Tools für geografisches Beacon-Monitoring und adaptive Diagrammerstellung.
Maps custom function triggers to specific interactions within data cells to handle button events.