15 repositorios
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 15 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.
Este proyecto es un lienzo visual impulsado por IA y un framework de pizarra colaborativa. Funciona como un motor de dibujo vectorial personalizable y una herramienta para convertir bocetos de interfaz dibujados a mano y wireframes en código funcional utilizando inteligencia artificial. El sistema se distingue por la integración de agentes de IA que pueden leer, modificar y generar diagramas visuales directamente en el lienzo. También proporciona un editor de flujo de trabajo basado en nodos para construir pipelines de automatización y flujos de procesamiento de datos conectando componentes multimodales. La plataforma cubre una amplia gama de capacidades, incluyendo colaboración multijugador en tiempo real con seguimiento de presencia de usuarios, un lienzo infinito con renderizado acelerado por GPU y una suite integral de herramientas de manipulación y alineación de objetos. También implementa estándares de accesibilidad web y proporciona una interfaz programable para definir formas personalizadas y controles de lienzo programáticos.
Identifies cursor targets using layered shape detection and group awareness to handle overlapping elements.
ngx-datatable es un componente de tabla de datos rico en funciones para aplicaciones Angular diseñado para mostrar y gestionar grandes conjuntos de datos. Funciona como una cuadrícula de datos personalizable que admite ordenamiento, paginación y el uso de plantillas de Angular personalizadas para dar estilo a las celdas de datos. El componente se distingue por su cuadrícula de desplazamiento virtual de alto rendimiento, que renderiza solo las filas visibles para optimizar el uso de memoria y CPU. Proporciona una interfaz interactiva para gestionar datos mediante selección de filas, reordenamiento de columnas y vistas de detalle expandibles. El proyecto cubre un amplio conjunto de capacidades, incluyendo gestión de columnas para fijar y redimensionar, ordenamiento de múltiples columnas e integración del lado del servidor para la obtención remota de datos. También incluye personalizaciones a nivel de fila como estilos dinámicos, componentes de fila personalizados y modos de selección flexibles. Las características de utilidad adicionales incluyen la localización de mensajes de tabla y la aplicación de temas personalizados mediante CSS.
Detects and responds to user input events such as clicks and focus on cells and rows.
El Windows App SDK es un conjunto de APIs y frameworks de UI para construir aplicaciones de escritorio nativas para Windows. Proporciona una API de Windows Runtime para acceder a las capacidades del sistema y un framework de UI dedicado para crear interfaces responsivas y accesibles. El proyecto también funciona como un framework de despliegue de aplicaciones de escritorio y un entorno de ejecución de IA local para ejecutar modelos acelerados por hardware en CPUs, GPUs y NPUs. El SDK se distingue por permitir la modernización de aplicaciones heredadas, permitiendo a los desarrolladores incrustar controles modernos y características de plataforma en proyectos existentes sin una reescritura completa. Utiliza una proyección nativa de C++ para interacciones de sistema de alto rendimiento y emplea la distribución basada en NuGet para desacoplar la versión del framework del sistema operativo, admitiendo la ejecución en tiempo de ejecución lado a lado (side-by-side). Las áreas de capacidad amplias incluyen la gestión integral del ciclo de vida de la aplicación, renderizado visual acelerado por hardware y opciones de despliegue flexibles tanto para aplicaciones empaquetadas como no empaquetadas. También cubre la gestión de recursos para activos localizados, sandboxing aislado por proceso para seguridad e integración para notificaciones y widgets a nivel de sistema. El framework admite patrones estructurales como la arquitectura Model-View-ViewModel para desacoplar los datos de la aplicación de la interfaz de usuario.
Identifies whether a user is interacting via touch, mouse, pen, or keyboard to adapt the UI.
This project is a general purpose library for the .NET ecosystem, providing a collection of reusable helper methods and APIs for common programming tasks. It encompasses a UI component library for cross-platform development, a toolkit for MVVM architecture, and specialized utilities for memory management and native interoperability. The library distinguishes itself through high-performance memory abstractions, such as pooled buffers and contiguous two-dimensional memory spans, designed to reduce garbage collection pressure. It also provides native interop wrappers and bindings to facilitate d
Triggers actions based on user typing patterns, such as when a character limit is reached or typing stops.
This library provides a collection of reusable React hooks designed to simplify mobile development by abstracting complex native hardware interactions and system event monitoring. It enables developers to replace imperative platform-specific code with declarative functions that integrate directly into the component lifecycle, facilitating reactive state synchronization and automated resource management. The project distinguishes itself by providing specialized utilities for monitoring mobile-specific device states, such as screen orientation, keyboard visibility, and accessibility preferences
Provides hooks to detect when animations and user interactions finish, ensuring background tasks execute only when the interface is responsive.