13 Repos
Utilities for tracking and responding to user input events like hover, focus, or gesture interactions.
Distinguishing note: Focuses on the detection logic for user interactions rather than specific UI components.
Explore 13 awesome GitHub repositories matching user interface & experience · Interaction Detection. Refine with filters or upvote what's useful.
react-use is a collection of reusable state and effect hooks for managing common logic in React applications. It serves as a comprehensive library for implementing state management patterns and wrapping various browser APIs into consistent hook interfaces. The project provides a specialized toolkit for DOM interaction and browser API integration, allowing components to track element dimensions, manage cookies, and monitor hardware sensors. It includes a suite of animation and timing utilities for physics-based numeric interpolation and frame-synced state updates. Beyond basic state managemen
Implements a mechanism to trigger callbacks when the mouse cursor leaves the browser window.
This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib
The library identifies user hover interactions to trigger visual changes or display additional information.
This project is a cross-platform user interface framework that maps mobile-native component primitives to standard web elements. It enables developers to build consistent applications that function across both mobile and web environments by providing a unified library of components and shared logic. The framework distinguishes itself through a specialized style engine that converts JavaScript object-based declarations into optimized, scoped CSS at runtime. It also features a responsive layout engine that implements a flexbox-based system, ensuring that interfaces adapt dynamically to differen
Monitors touch, mouse, and keyboard inputs to expose interaction status for dynamic styling and conditional rendering.
Letta is a framework for building, deploying, and managing autonomous AI agents that maintain persistent state across long-term interactions. It provides a comprehensive suite of primitives for defining agents with configurable personas, modular memory blocks, and tool-use capabilities, enabling them to retain user preferences and conversation history over extended sessions. The platform distinguishes itself through its advanced memory management and orchestration capabilities. It allows agents to autonomously update their own memory, perform retrieval-augmented generation, and coordinate com
Grades individual steps within a multi-turn conversation to measure partial success and verify accuracy at each stage.
LiveKit is a comprehensive framework for building and orchestrating real-time, multimodal AI agents that interact with users through voice, video, and text. It provides a centralized, event-driven architecture to manage the entire lifecycle of automated participants, from initialization and session state management to graceful shutdown. By utilizing a selective forwarding unit, the platform efficiently routes media streams between participants and agents, ensuring low-latency communication and secure, token-based authentication for all connections. The platform distinguishes itself through it
Analyzes audio input to identify when a user has finished speaking, using configurable detection modes and endpointing delays.
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 user interactions like long-presses and clicks outside elements to trigger UI responses.
This repository is a comprehensive collection of reference implementations and sample libraries for the Universal Windows Platform. It provides practical examples of how to use Windows Runtime APIs to build cross-device applications, including detailed guidance on XAML-based declarative user interfaces and DirectX-integrated rendering. The project distinguishes itself by providing a wide array of hardware integration suites, covering low-level communication with USB, Serial, I2C, SPI, and GPIO peripherals. It includes specialized implementations for mixed reality holographic rendering, advanc
Identifies the current input method to allow the application interface to adapt dynamically.
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 e
Tracks and responds to specific user input patterns including hovering, pinching, and scrolling.
This project is a framework for developing multimodal AI agents that function as programmable participants in real-time communication rooms. It enables the construction of agents that can see, hear, and speak by integrating speech-to-text, large language models, and text-to-speech pipelines to facilitate low-latency, natural conversations. The system is distinguished by its advanced orchestration of real-time media and conversational flow, including support for full-duplex speech, preemptive response generation, and sophisticated interruption management. It further differentiates itself throu
Identifies when a user has finished speaking by analyzing terminal punctuation and periods of silence.
Uses neural models to predict when a speaker has finished their conversational turn, enabling natural and intelligent turn-taking.
Dieses Projekt ist ein KI-gestütztes visuelles Canvas- und kollaboratives Whiteboard-Framework. Es fungiert als anpassbare Vektor-Zeichen-Engine und als Werkzeug zur Umwandlung handgezeichneter Interface-Skizzen und Wireframes in funktionalen Code mittels künstlicher Intelligenz. Das System zeichnet sich durch die Integration von KI-Agenten aus, die visuelle Diagramme direkt auf dem Canvas lesen, modifizieren und generieren können. Zudem bietet es einen knotenbasierten Workflow-Editor zum Aufbau von Automatisierungspipelines und Datenverarbeitungsflüssen durch die Verbindung multimodaler Komponenten. Die Plattform deckt ein breites Spektrum an Funktionen ab, einschließlich Echtzeit-Multiplayer-Kollaboration mit User-Presence-Tracking, einem unendlichen Canvas mit GPU-beschleunigtem Rendering und einer umfassenden Suite an Werkzeugen zur Objektmanipulation und -ausrichtung. Zudem implementiert sie Web-Accessibility-Standards und bietet eine skriptfähige Schnittstelle zur Definition benutzerdefinierter Formen und programmatischer Canvas-Steuerelemente.
Identifies cursor targets using layered shape detection and group awareness to handle overlapping elements.
ngx-datatable is a feature-rich data table component for Angular applications designed to display and manage large datasets. It functions as a customizable data grid that supports sorting, pagination, and the use of custom Angular templates for styling data cells. The component is distinguished by its high-performance virtual scrolling grid, which renders only visible rows to optimize memory and CPU usage. It provides an interactive interface for managing data through row selection, column reordering, and expandable detail views. The project covers a broad set of capabilities including colum
Detects and responds to user input events such as clicks and focus on cells and rows.
Das Windows App SDK ist eine Reihe von APIs und UI-Frameworks für die Erstellung nativer Windows-Desktopanwendungen. Es bietet eine Windows-Runtime-API für den Zugriff auf Systemfunktionen und ein dediziertes UI-Framework für die Erstellung responsiver, barrierefreier Oberflächen. Das Projekt fungiert zudem als Deployment-Framework für Desktop-Apps und als lokale KI-Ausführungsumgebung für das Ausführen hardwarebeschleunigter Modelle auf CPUs, GPUs und NPUs. Das SDK zeichnet sich dadurch aus, dass es die Modernisierung von Legacy-Anwendungen ermöglicht, indem Entwickler moderne Steuerelemente und Plattformfunktionen in bestehende Projekte einbetten können, ohne eine vollständige Neuentwicklung. Es nutzt eine native C++-Projektion für performante Systeminteraktionen und verwendet NuGet-basierte Verteilung, um die Framework-Version vom Betriebssystem zu entkoppeln und Side-by-Side-Runtime-Ausführung zu unterstützen. Breite Funktionsbereiche umfassen umfassendes Application-Lifecycle-Management, hardwarebeschleunigtes visuelles Rendering und flexible Bereitstellungsoptionen für sowohl paketierte als auch nicht-paketierte Anwendungen. Es deckt zudem Ressourcenmanagement für lokalisierte Assets, prozessisolierte Sandboxing-Sicherheit sowie Integration für systemweite Benachrichtigungen und Widgets ab. Das Framework unterstützt strukturelle Muster wie die Model-View-ViewModel-Architektur, um Anwendungsdaten von der Benutzeroberfläche zu entkoppeln.
Identifies whether a user is interacting via touch, mouse, pen, or keyboard to adapt the UI.