Awesome GitHub RepositoriesGesture Thresholding

Slideout is a touch-gesture UI component and navigation menu designed for mobile web applications. It provides a side panel that slides across the screen to reveal navigation options, utilizing CSS transitions to animate the movement of the viewport. The component manages the expanded or collapsed state of the navigation menu and includes logic to restrict gestures for specific interface elements to prevent interaction conflicts. It employs a system for executing custom logic triggered by menu state transitions and user drag gestures.

Snap.js is a JavaScript library for building draggable side navigation panels on touch devices. It enables slide-in menus from the left or right screen edge, driven by a gesture-based state machine that interprets drag and flick gestures to open and close the panel. The library distinguishes horizontal menu drags from vertical scrolling by analyzing the initial touch movement angle, and locks menu movement to a single axis to prevent interference. It uses hardware-accelerated CSS transforms for smooth animations and provides configurable snap thresholds that determine whether a drag should op

Esta es una biblioteca de superposición (overlay) de UI móvil para React Native que proporciona un componente modal animado. Funciona como un elemento de interfaz sensible a gestos utilizado para presentar contenido suplementario a través de ventanas superpuestas que admiten transiciones personalizadas y ajustes de diseño dinámicos. La biblioteca cuenta con un observador de diseño dinámico que redimensiona y reposiciona automáticamente los componentes durante las rotaciones de pantalla o cuando aparece el teclado en pantalla. Implementa navegación basada en gestos, permitiendo a los usuarios descartar las superposiciones mediante gestos de deslizamiento configurados e interacciones con el fondo. El proyecto cubre la coordinación de animaciones y transiciones, incluyendo hooks de ciclo de vida que ejecutan callbacks antes y después de las animaciones de ventana. También incluye utilidades para la personalización del fondo y la gestión de contenido desplazable para evitar conflictos de interacción durante las acciones de deslizar para descartar.

Koloda es una librería de interacción de gestos para iOS y un componente de vista de SwiftUI utilizado para crear interfaces de tarjetas deslizables. Proporciona un componente de vista basado en pila que gestiona vistas superpuestas, asegurando que solo el elemento superior permanezca activamente interactivo. La librería permite la personalización de la apariencia de las tarjetas, incluyendo la configuración de superposiciones y animaciones que dictan cómo se mueven las tarjetas de fondo durante un deslizamiento. Gestiona el comportamiento de arrastre y las direcciones de deslizamiento, activando lógica específica cuando las tarjetas se deslizan, tocan o se agotan por completo. El componente cubre la implementación de transformaciones de vista impulsadas por gestos y el renderizado de pilas de tarjetas que los usuarios descartan a través de un patrón de interacción de selección común.

Zag es una librería de máquina de estados de UI headless que proporciona lógica de componentes sin estilo para asegurar un comportamiento consistente en diferentes motores de renderizado. Funciona como un kit de herramientas para modelar interacciones complejas de interfaz de usuario usando statecharts, desacoplando la lógica subyacente y los atributos de accesibilidad del estilo visual. La librería es agnóstica al framework, utilizando adaptadores especializados para conectar su lógica de máquina de estados con varias librerías de JavaScript como React, Solid, Vue y Svelte. Este enfoque permite a los desarrolladores mantener un modelo de interacción único mientras aplican cualquier solución CSS o de estilo a través de atributos de datos dirigidos por estado. Zag cubre una amplia gama de áreas funcionales, incluyendo gestión integral de accesibilidad para navegación por teclado y atributos ARIA, así como una vasta colección de primitivas interactivas. Estas incluyen controles de entrada, elementos de navegación como menús y pestañas, componentes de superposición como diálogos y popovers, y manejo complejo de medios para recorte de imágenes y captura de firmas. También proporciona utilidades para la gestión de datos jerárquicos, manejo de listas asíncronas y un sistema para construir tours guiados de productos.

SVPullToRefresh es una biblioteca para añadir comportamientos de "tirar para actualizar" (pull-to-refresh) y desplazamiento infinito a las vistas de desplazamiento (scroll views) de UIKit en la plataforma iOS. Proporciona componentes de interfaz de usuario especializados que permiten la actualización manual de contenido y la paginación dentro de vistas desplazables. La biblioteca implementa mecanismos para activar acciones de carga de datos cuando un usuario tira de una vista de desplazamiento desde la parte superior o llega al final de un área desplazable. Estos disparadores permiten sincronizar la información más reciente o añadir más contenido para crear feeds continuos.

Phoenix es un componente de UI de pull-to-refresh y biblioteca de gestos en JavaScript diseñada para vistas móviles y web. Proporciona un patrón de interacción reutilizable que dispara actualizaciones de datos cuando un usuario arrastra la pantalla hacia abajo. El proyecto cuenta con indicadores visuales personalizables y animaciones temáticas que reaccionan al estado de la operación de refresco. Incluye mecanismos para la coordinación manual de estados, permitiendo que controladores externos disparen o cancelen programáticamente secuencias de refresco independientemente de la entrada del usuario. Para asegurar una experiencia de usuario fluida, la biblioteca se integra con vistas mobile-first interceptando eventos de scroll para evitar comportamientos conflictivos del navegador nativo.

This project is a jQuery plugin designed to detect and handle touch gestures on touch-enabled devices. It serves as a touch input handler and mobile gesture interface for identifying interactions such as swipes and pinches within a jQuery environment. The library distinguishes intentional gestures from accidental movements through configurable distance and time thresholds. It includes mechanisms to manage input interference, allowing for the exclusion of specific interactive child elements and the locking of default browser behaviors like scrolling or zooming during an active gesture. The sy