Awesome GitHub RepositoriesMobile Interaction Patterns

MJRefresh is a scroll view interaction library and a set of reusable UI components for implementing pull-to-refresh and infinite scrolling behaviors in mobile user interfaces. It provides customizable refresh indicators and controllers that manage reload callbacks and loading states within scrollable containers. The library allows for the replacement of standard loading indicators with custom images, GIF sequences, and status labels to match specific visual branding. It includes a global configuration store to handle dynamic UI localization and the translation of refresh content across an app

mui is a mobile UI component framework and native-like web UI kit designed for building high-performance mobile web interfaces. It functions as a mobile web performance framework and gesture-based interface library to eliminate browser lag and mimic the behaviors and animations of native mobile applications. The framework focuses on implementing common mobile UX patterns, including pull-to-refresh functionality, swipe-to-action menus, and sliding side navigation. It provides specialized tools for gesture-driven interface development to ensure an immediate visual response to touch interactions

AndroidSlidingUpPanel is an Android custom view component and sliding panel library used to create draggable overlays that slide up from the bottom of an application screen. It functions as a nested scrolling UI framework that coordinates touch events between a draggable panel and its internal scrollable content. The library distinguishes itself through a parallax effect implementation that shifts background content at different speeds than the foreground panel. It supports the definition of intermediate anchor points to create partial-view states and allows for transition physics customizati

Koloda ist eine iOS-Gesteninteraktionsbibliothek und SwiftUI-View-Komponente, die zum Erstellen von Swipeable-Card-Interfaces verwendet wird. Sie bietet eine stapelbasierte View-Komponente, die überlappende Views verwaltet und sicherstellt, dass nur das oberste Element aktiv interaktiv bleibt. Die Bibliothek ermöglicht die Anpassung des Erscheinungsbildes der Karten, einschließlich der Konfiguration von Overlays und Animationen, die bestimmen, wie sich Hintergrundkarten während eines Swipes bewegen. Sie verwaltet das Drag-Verhalten und die Swipe-Richtungen und löst spezifische Logik aus, wenn Karten gewischt, angetippt oder vollständig aufgebraucht werden. Die Komponente deckt die Implementierung gestengesteuerter View-Transformationen und das Rendern von Kartenstapeln ab, die Benutzer durch ein gängiges Auswahl-Interaktionsmuster verwerfen.

This project provides a set of Android Material Design widgets, including floating action buttons and floating action menu components. These elements highlight primary screen actions through customizable sizing, shadow effects, and Jetpack Compose UI components. The library includes a circular progress button that embeds a loading spinner to signal background task processing. Its menu components organize expanding buttons with labels and background dimming to provide quick access to multiple primary application actions.

RippleEffect ist eine Bibliothek und ein Interaktions-Framework für die Implementierung von Material-Design-Ripple-Animationen in Android-Anwendungen. Sie bietet Tools, um Interface-Elementen animiertes visuelles Feedback hinzuzufügen und so erfolgreiche Benutzerinteraktionen zu signalisieren. Die Bibliothek ermöglicht die Anpassung von Ripple-Effekten, einschließlich Einstellungen für Farbe, Dauer und Skalierung. Sie unterstützt sowohl die Konfiguration über Attribute als auch dynamische Anpassungen mittels Setter-Methoden und enthält ein Listener-Interface, um zu erkennen, wann eine Ripple-Animation ihre Ausführung beendet hat.

Phoenix ist eine Pull-to-Refresh-UI-Komponente und eine JavaScript-Gestenbibliothek, die für mobile und Web-Ansichten entwickelt wurde. Sie bietet ein wiederverwendbares Interaktionsmuster, das Datenaktualisierungen auslöst, wenn ein Benutzer den Bildschirm nach unten zieht. Das Projekt bietet anpassbare visuelle Indikatoren und themenbezogene Animationen, die auf den Status des Pull-Vorgangs reagieren. Es enthält Mechanismen zur manuellen Statuskoordination, die es externen Controllern ermöglichen, Aktualisierungssequenzen programmgesteuert unabhängig von Benutzereingaben auszulösen oder abzubrechen. Um eine reibungslose Benutzererfahrung zu gewährleisten, integriert sich die Bibliothek in Mobile-First-Ansichten, indem sie Scroll-Ereignisse abfängt, um widersprüchliche native Browser-Verhaltensweisen zu verhindern.