Awesome GitHub RepositoriesScroll Orchestrators

SmartRefreshLayout is a pull-to-refresh framework and gesture interaction library for Android. It provides a scroll view wrapper that integrates interactive refresh headers and loading footers into mobile user interfaces, coordinating synchronized scrolling and touch events. The project features a pluggable architecture for custom refresh indicators and secondary refresh mechanisms. It utilizes damping-based gesture translation and overscroll rebound mechanisms to manage the tactile feel of drag resistance and physics-based animations. The library covers a broad range of interaction logic, i

Better-scroll is a JavaScript scroll library and touch interaction engine designed to create high-performance scrollable areas in web browsers. It functions as a modular UI component framework that provides the foundation for building complex scrollable elements. The library is distinguished by a plugin-based architecture that allows the injection of custom methods and event hooks. This system enables the creation of specialized interface components such as carousel sliders, scrollable picker inputs, and draggable element systems. The project covers a wide range of mobile web interaction pat

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

onepage-scroll is a JavaScript library and scroll orchestrator that transforms websites into a series of sections navigated one page at a time. It functions as a single page navigation tool that implements viewport-based section snapping to lock the scroll position to full-screen segments. The library provides a responsive scrolling interface that automatically reverts to standard browser scrolling behavior when the window width drops below a defined threshold. It synchronizes the browser address bar with the current section index as the user navigates through the page. The system includes c

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

Flutter Deer is a Flutter practice project that demonstrates realistic application patterns across Android and iOS. It showcases how to structure a Flutter app with modular routing, reactive state management using Provider, and a centralized network layer built with Dio for structured API calls and error handling. The project also includes integration and accessibility testing that simulates real user interactions to verify UI behavior and screen-reader compatibility. The project differentiates itself by providing a comprehensive showcase of custom UI components and interactions, including ca

XPopup is an Android popup UI framework and overlay component library used to build customizable dialogs, bottom sheets, and overlay views. It serves as a dialog engine for creating high-performance popup views and provides a toolkit for executing entrance and exit transitions. The library is distinguished by its ability to render ultra-long, high-resolution images using memory-efficient loading and drag-to-dismiss interactions. It supports displaying overlay views while an application is in the background through system overlay permissions. The framework covers anchor-based positioning for

iframe-resizer is a JavaScript tool that automatically adjusts the dimensions of an iframe to match the size of its internal content. It functions as a cross-domain communication bridge, allowing the exchange of data and the triggering of actions between a parent window and an embedded iframe across different origins. The project includes a nested iframe coordinator to synchronize dimensions between parent pages and inner frames, preventing scrollbars in complex nested structures. It also provides an accessibility utility to manage iframe titles and attributes, ensuring embedded content is co

Flukit ist eine Suite funktionaler Toolkits für Flutter, die Animations-Wrapper, Layout-Debugging-Tools, Scroll-Interaktions-Kits sowie eine Bibliothek wiederverwendbarer UI-Komponenten und visueller Utilities bereitstellt. Das Projekt zeichnet sich durch ein dediziertes Layout-Debugging-Tool aus, mit dem sich Parent-Constraints inspizieren und System-Logs direkt innerhalb der Oberfläche erfassen lassen. Es bietet zudem spezialisierte Animations-Wrapper zum Rotieren, Skalieren und Verschieben von Child-Komponenten sowie ein Scroll-Interaktions-Kit mit Pull-to-Refresh-Mechanismen, Carousel-Swipern und flexiblen Sliver-Headern. Die Bibliothek deckt eine Vielzahl von Funktionen ab, darunter visuelle Effekte wie Content-Watermarking und Gradient-Overlays sowie interaktive Features wie zoombare Ansichten und Touch-Event-Interception. Sie enthält ein System zum Caching von Child-Komponenten in scrollbaren Bereichen sowie eine synchronisierte Benachrichtigungswarteschlange zur Verwaltung von Status-Updates während der Layout-Phasen.

FloatingPanel ist eine Swift-UI-Komponente für iOS, die ein interaktives Bottom-Sheet und Panel-Management bereitstellt. Sie fungiert als modaler Präsentations-Controller, der es Entwicklern ermöglicht, schwebende Container für zugehörige Inhalte und Dienstprogramme neben einem Hauptbildschirm anzuzeigen. Das System nutzt ein magnetisches Ankersystem, um Panels an vordefinierten vertikalen Positionen einzurasten, und unterstützt die Verwaltung mehrerer Panels innerhalb einer einzigen View. Es synchronisiert die Position des Panels mit dem Scroll-Verhalten interner Views, um die Bewegung während der Nutzerinteraktion zu koordinieren. Das Projekt deckt Funktionen für gestenbasierte Positionsverfolgung, zustandsgesteuerte Layout-Berechnungen und delegate-basierte Ereignis-Dispatching ab. Diese Elemente werden verwendet, um kontextbezogene Inhaltsanzeigen, benutzerdefinierte Modals und interaktive kartenbasierte Oberflächen zu implementieren.

This project is a cross-platform UI component for React Native applications that provides a customizable overlay window for presenting content on top of existing application views. It serves as a library for managing animated modal components, backdrops, and mobile transitions. The component distinguishes itself through support for custom enter and exit animations and highly configurable backdrops, allowing for the adjustment of opacity, color, and the integration of custom elements. It also implements gesture-based dismissal, enabling users to close overlays via background taps or swipes in

CoordinatorTabLayout ist eine benutzerdefinierte Android-UI-Komponente, die Tab-Navigation mit einklappbaren Headern und Paging-Container-Synchronisation integriert. Sie wurde für das native Android-View-System entwickelt und implementiert Material-Design-Muster, um immersive Bildschirme zu erstellen, bei denen Header-Inhalte beim Scrollen des Nutzers einklappen. Die Komponente synchronisiert Tab-Auswahlereignisse mit einem Paging-Container, um sichtbare Inhalte zu aktualisieren. Sie verwaltet die Koordination zwischen einer Tab-Navigationsleiste und einem einklappbaren Header und stellt sicher, dass Scroll-Ereignisse und Seitenübergänge aufeinander abgestimmt bleiben. Das Layout beinhaltet Funktionen für das Management des Erscheinungsbilds der Systemleiste, was es Inhalten ermöglicht, hinter transluzente Status- und Navigationsleisten zu zeichnen. Es bietet zudem ein Konfigurationssystem für Header-Bilder, das sowohl statische Ressourcen als auch listener-gesteuertes, asynchrones Laden von Netzwerkbildern unterstützt.

body-scroll-lock is a DOM scroll locking library and cross-browser scroll controller. It provides utilities to disable page scrolling while maintaining scrollability for specific nested elements across different browsers and devices. The project functions as a layout shift prevention utility and a web UI modal scroll manager. It includes mechanisms to add padding to the body when scrollbars are removed to prevent horizontal flickering and content shifting. The library covers scroll management for mobile navigation and modal interactions, enabling specific containers to remain scrollable whil

fluttereasyrefresh ist eine Bibliothek zur Implementierung von Pull-to-Refresh- und Infinite-Scroll-Pagination in Flutter-Listenkomponenten. Sie stellt die funktionalen Komponenten und die Logik bereit, um Daten-Reloads per Pull-Down-Geste auszulösen und zusätzliche Datenblöcke durch Pull-Up-Trigger zu laden. Das Projekt zeichnet sich durch eine entkoppelte Indikator-Architektur aus, die anpassbare visuelle Stile, thematisierte Animationen und eine flexible Positionierung von Headern und Footern ermöglicht. Es enthält einen zentralen Controller, der die programmgesteuerte Verwaltung von Refresh- und Ladezuständen unabhängig von Benutzergesten erlaubt. Die Bibliothek deckt das Scroll-Management durch anpassbare Physik und Trägheit ab sowie die synchronisierte paginierte Datenladung basierend auf Seitenindizes. Sie bietet zudem eine Integration für verschachtelte Scroll-Views, um Indikatorpositionen innerhalb einer View-Hierarchie zu koordinieren.

Smooth-scrollbar is a customizable JavaScript library that replaces native browser scrollbars and scrolling behavior on target DOM elements with inertial momentum physics. It provides consistent cross-browser scrolling interfaces, hardware-accelerated visual translations, and dynamic thumb positioning. The library supports nested scroll container management, allowing outer containers to continue scrolling automatically when inner scrollable areas reach their boundary edges. It features a modular plugin architecture that enables third-party extensions to hook into core scroll events, track upd

React Native Modalize is a customizable bottom sheet component designed for mobile applications. It functions as a navigation and interface utility that allows users to access secondary content or settings through slide-up panels without leaving their current screen context. The library distinguishes itself by processing touch events and swipe gestures directly on the UI thread, ensuring responsive interaction across different mobile devices. It utilizes a portal-based rendering approach to position modal content above all other application elements, while its internal logic synchronizes scro

Modal bottom sheet is a cross-platform mobile UI framework plugin for Flutter that renders advanced modal bottom sheets and interactive overlay components. It provides a specialized routing mechanism for custom route-based modal presentations, layout utilities for edge-to-edge safe area inset handling, gesture interception systems for nested scroll view coordination, and navigation structures for sequential modal overlay stacking. The library supports platform-adaptive widget styling that dynamically switches between Material Design and iOS Cupertino visual guidelines based on the host platfo

Scroll-out is a JavaScript scroll animation library that detects element visibility during scroll to trigger reveal, parallax, and dynamic style effects. It serves as a CSS custom property scroll driver that computes and applies live property values based on scroll position, allowing page styles to adapt fluidly, alongside functioning as a DOM viewport intersection observer that monitors when elements enter or leave the browser viewport to update their visual state attributes. The library maps real-time scroll offsets and element positions directly to custom CSS properties for fluid visual tr