Awesome GitHub RepositoriesSwipe Threshold Processors

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.