Awesome GitHub RepositoriesSwipe Threshold Processors

Aceasta este o bibliotecă de overlay UI pentru React Native care oferă o componentă modală animată. Funcționează ca un element de interfață cu răspuns la gesturi, utilizat pentru a prezenta conținut suplimentar prin ferestre overlay care suportă tranziții personalizate și ajustări dinamice de layout. Biblioteca dispune de un observator de layout dinamic care redimensionează și repoziționează automat componentele în timpul rotațiilor ecranului sau când apare tastatura virtuală. Implementează navigarea bazată pe gesturi, permițând utilizatorilor să închidă overlay-urile prin gesturi de swipe configurate și interacțiuni cu fundalul. Proiectul acoperă coordonarea animațiilor și a tranzițiilor, incluzând hook-uri de ciclu de viață care execută callback-uri înainte și după animațiile ferestrelor. Include, de asemenea, utilitare pentru personalizarea fundalului și gestionarea conținutului scrollabil pentru a preveni conflictele de interacțiune în timpul acțiunilor de tip swipe-to-dismiss.

Koloda is an iOS gesture interaction library and SwiftUI view component used to create swipeable card interfaces. It provides a stack-based view component that manages overlapping views, ensuring only the top-most element remains actively interactive. The library allows for the customization of card appearance, including the configuration of overlays and animations that dictate how background cards move during a swipe. It manages drag behavior and swipe directions, triggering specific logic when cards are swiped, tapped, or fully exhausted. The component covers the implementation of gesture-

Zag este o bibliotecă de mașini de stare UI headless care oferă logică de componente ne-stilizată pentru a asigura un comportament consistent pe diferite motoare de randare. Funcționează ca un toolkit pentru modelarea interacțiunilor complexe ale interfeței utilizator folosind statecharts, decuplând logica subiacentă și atributele de accesibilitate de stilizarea vizuală. Biblioteca este agnostică față de framework, utilizând adaptoare specializate pentru a face legătura între logica mașinii sale de stare și diverse biblioteci JavaScript precum React, Solid, Vue și Svelte. Această abordare permite dezvoltatorilor să mențină un singur model de interacțiune în timp ce aplică orice soluție CSS sau de stilizare prin atribute de date bazate pe stare. Zag acoperă o gamă largă de domenii funcționale, inclusiv gestionarea cuprinzătoare a accesibilității pentru navigarea prin tastatură și atributele ARIA, precum și o vastă colecție de primitive interactive. Acestea includ controale de input, elemente de navigare precum meniuri și tab-uri, componente de overlay precum dialoguri și popover-uri și gestionarea complexă a media pentru decuparea imaginilor și capturarea semnăturilor. Oferă, de asemenea, utilitare pentru gestionarea datelor ierarhice, gestionarea listelor asincrone și un sistem pentru construirea de tururi ghidate ale produsului.