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 este o suită de toolkit-uri funcționale pentru Flutter, oferind wrappere de animație, instrumente de depanare a layout-ului, kituri de interacțiune pentru scroll și o bibliotecă de componente UI reutilizabile și utilitare vizuale. Proiectul se distinge printr-un instrument dedicat de depanare a layout-ului pentru inspectarea constrângerilor părinte și capturarea log-urilor de sistem direct în interfață. De asemenea, oferă wrappere de animație specializate pentru rotirea, scalarea și glisarea componentelor copil, precum și un kit de interacțiune pentru scroll care include mecanisme pull-to-refresh, caruseluri și headere sliver flexibile. Biblioteca acoperă o gamă largă de capabilități, inclusiv efecte vizuale precum watermark-uri de conținut și overlay-uri cu gradient, precum și funcționalități interactive precum vizualizări cu zoom și interceptarea evenimentelor tactile. Include un sistem pentru caching-ul componentelor copil în zonele scrollabile și o coadă de notificări sincronizată pentru a gestiona actualizările de stare în timpul fazelor de layout.

FloatingPanel este o componentă Swift UI pentru iOS care oferă un bottom sheet interactiv și un manager de panouri. Funcționează ca un controller de prezentare modală care permite dezvoltatorilor să afișeze containere plutitoare pentru conținut conex și utilitare alături de un ecran principal. Sistemul utilizează un sistem de ancorare magnetică pentru a fixa panourile în poziții verticale predefinite și suportă gestionarea mai multor panouri în cadrul unui singur view. Sincronizează poziția panoului cu comportamentul de scrolling al view-urilor interne pentru a coordona mișcarea în timpul interacțiunii utilizatorului. Proiectul acoperă capabilități pentru urmărirea poziției bazată pe gesturi, calcule de layout bazate pe stare și dispatch-ul evenimentelor bazat pe delegat. Aceste elemente sunt utilizate pentru a implementa afișaje de conținut contextual, modale personalizate și interfețe interactive bazate pe hărți.

Acest proiect este o componentă UI cross-platform pentru aplicații React Native care oferă o fereastră overlay personalizabilă pentru prezentarea conținutului peste vizualizările existente ale aplicației. Servește drept bibliotecă pentru gestionarea componentelor modale animate, a fundalurilor și a tranzițiilor mobile. Componenta se distinge prin suportul pentru animații personalizate de intrare și ieșire și fundaluri extrem de configurabile, permițând ajustarea opacității, culorii și integrarea elementelor personalizate. De asemenea, implementează închiderea prin gesturi, permițând utilizatorilor să închidă overlay-urile prin atingeri în fundal sau swipe-uri în direcții specificate. Biblioteca gestionează provocările de interfață specifice dispozitivelor mobile, inclusiv poziționarea adaptivă a tastaturii pentru a menține conținutul vizibil atunci când tastatura software se deschide și coordonarea gesturilor de swipe cu conținutul scrollabil intern. Oferă, de asemenea, callback-uri de ciclu de viață care se declanșează în timpul secvențelor de animație și al evenimentelor de sistem.

CoordinatorTabLayout este o componentă de interfață utilizator Android personalizată care integrează navigarea prin tab-uri cu headere pliabile și sincronizarea containerelor de paginare. Construită pentru sistemul nativ de view-uri Android, implementează tipare Material Design pentru a crea ecrane imersive unde conținutul header-ului se restrânge pe măsură ce utilizatorul face scroll. Componenta sincronizează evenimentele de selecție a tab-urilor cu un container de paginare pentru a actualiza conținutul vizibil. Gestionează coordonarea între o bară de navigare cu tab-uri și un header pliabil, asigurându-se că evenimentele de scroll și tranzițiile de pagină rămân aliniate. Layout-ul include capabilități pentru gestionarea aspectului barei de sistem, permițând conținutului să fie desenat în spatele barelor de stare și de navigare translucide. Oferă, de asemenea, un sistem de configurare pentru imaginile din header, suportând atât resurse statice, cât și încărcarea asincronă a imaginilor din rețea bazată pe listener-e.

body-scroll-lock este o bibliotecă de blocare a scroll-ului DOM și un controler de scroll cross-browser. Aceasta oferă utilitare pentru a dezactiva scroll-ul paginii, menținând în același timp capacitatea de scroll pentru elemente imbricate specifice pe diferite browsere și dispozitive. Proiectul funcționează ca un utilitar de prevenire a deplasării layout-ului și un manager de scroll pentru modalele UI web. Include mecanisme pentru a adăuga padding elementului body atunci când barele de scroll sunt eliminate, pentru a preveni pâlpâirea orizontală și deplasarea conținutului. Biblioteca acoperă gestionarea scroll-ului pentru navigarea mobilă și interacțiunile modale, permițând containerelor specifice să rămână scrollabile în timp ce restul corpului documentului este înghețat.

fluttereasyrefresh este o bibliotecă pentru implementarea funcționalităților de pull-to-refresh și paginare prin scroll infinit în componentele de listă din Flutter. Aceasta oferă componentele funcționale și logica necesară pentru a declanșa reîncărcarea datelor prin gesturi de tragere în jos și pentru a prelua segmente suplimentare de date prin declanșatoare de tragere în sus. Proiectul dispune de o arhitectură decuplată a indicatorilor, care permite stiluri vizuale personalizabile, animații tematice și poziționare flexibilă a headerelor și footerelor. Include un controller centralizat care permite gestionarea programatică a stărilor de refresh și încărcare, independent de gesturile utilizatorului. Biblioteca acoperă gestionarea scroll-ului prin fizică și inerție personalizabile, precum și sincronizarea datelor paginate pentru a automatiza încărcarea datelor pe baza indicilor de pagină. De asemenea, oferă integrare pentru nested scroll views pentru a coordona pozițiile indicatorilor în ierarhia vizuală.

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