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 هي مجموعة أدوات وظيفية لـ Flutter، توفر مغلفات للرسوم المتحركة، وأدوات لتصحيح أخطاء التخطيط، ومجموعات تفاعل التمرير، ومكتبة من مكونات واجهة المستخدم القابلة لإعادة الاستخدام والأدوات البصرية. يتميز المشروع بأداة مخصصة لتصحيح أخطاء التخطيط لفحص قيود العناصر الأبوية والتقاط سجلات النظام مباشرة داخل الواجهة. كما يوفر مغلفات رسوم متحركة متخصصة لتدوير وتغيير حجم وانزلاق المكونات الفرعية، ومجموعة تفاعل تمرير تتضمن آليات السحب للتحديث، وعناصر التمرير الدوارة، ورؤوس sliver المرنة. تغطي المكتبة مجموعة واسعة من القدرات، بما في ذلك التأثيرات البصرية مثل العلامات المائية للمحتوى وتراكبات التدرج، بالإضافة إلى ميزات تفاعلية مثل العروض القابلة للتكبير واعتراض أحداث اللمس. وتتضمن نظاماً لتخزين المكونات الفرعية مؤقتاً في المناطق القابلة للتمرير، وقائمة إشعارات متزامنة لإدارة تحديثات الحالة أثناء مراحل التخطيط.

FloatingPanel هو مكون Swift UI لـ iOS يوفر ورقة سفلية تفاعلية ومدير لوحة. يعمل كتحكم عرض مشروط يسمح للمطورين بعرض حاويات عائمة للمحتوى ذي الصلة والأدوات بجانب الشاشة الرئيسية. يستخدم النظام نظام تثبيت مغناطيسي لتثبيت اللوحات في مواضع رأسية محددة مسبقاً ويدعم إدارة لوحات متعددة داخل عرض واحد. ويقوم بمزامنة موضع اللوحة مع سلوك التمرير للعروض الداخلية لتنسيق الحركة أثناء تفاعل المستخدم. يغطي المشروع إمكانات لتتبع الموضع القائم على الإيماءات، وحسابات التخطيط المدفوعة بالحالة، وإرسال الأحداث القائم على التفويض. تُستخدم هذه العناصر لتنفيذ شاشات محتوى سياقية، ونوافذ مشروطة مخصصة، وواجهات تفاعلية قائمة على الخرائط.

هذا المشروع عبارة عن مكون واجهة مستخدم متعدد المنصات لتطبيقات React Native يوفر نافذة تراكب قابلة للتخصيص لتقديم المحتوى فوق واجهات التطبيق الحالية. يعمل كمكتبة لإدارة المكونات المشروطة (modal) المتحركة، والخلفيات، وانتقالات الجوال. يتميز المكون بدعم رسوم متحركة مخصصة للدخول والخروج وخلفيات قابلة للتكوين بدرجة عالية، مما يسمح بتعديل الشفافية واللون ودمج عناصر مخصصة. كما يطبق إغلاقاً يعتمد على الإيماءات، مما يمكن المستخدمين من إغلاق التراكبات عبر نقرات الخلفية أو السحب في اتجاهات محددة. تتعامل المكتبة مع تحديات الواجهة الخاصة بالجوال، بما في ذلك تموضع لوحة المفاتيح التكيفي لإبقاء المحتوى مرئياً عند فتح لوحة المفاتيح البرمجية وتنسيق إيماءات السحب مع المحتوى القابل للتمرير الداخلي. كما توفر ردود اتصال لدورة الحياة يتم تفعيلها أثناء تسلسلات الرسوم المتحركة وأحداث النظام.

CoordinatorTabLayout هو مكون واجهة مستخدم Android مخصص يدمج التنقل المبوب مع رؤوس قابلة للطي ومزامنة حاوية التصفح. بُني لنظام عرض Android الأصلي، وينفذ أنماط Material Design لإنشاء شاشات غامرة حيث يطوى محتوى الرأس أثناء تمرير المستخدم. يقوم المكون بمزامنة أحداث اختيار علامة التبويب مع حاوية التصفح لتحديث المحتوى المرئي. يدير التنسيق بين شريط تنقل علامة التبويب ورأس قابل للطي، مما يضمن بقاء أحداث التمرير وانتقالات الصفحة متوافقة. يتضمن التخطيط إمكانيات لإدارة مظهر شريط النظام، مما يسمح للمحتوى بالرسم خلف أشرطة الحالة والتنقل الشفافة. كما يوفر نظام تكوين لصور الرأس، ويدعم كلاً من الموارد الثابتة وتحميل الصور عبر الشبكة بشكل غير متزامن مدفوع بالمستمع (listener).

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 is a library for implementing pull-to-refresh and infinite scroll pagination within Flutter list components. It provides the functional components and logic required to trigger data reloads via pull-down gestures and fetch additional data chunks through pull-up triggers. The project features a decoupled indicator architecture that allows for customizable visual styles, themed animations, and flexible positioning of headers and footers. It includes a centralized controller that enables the programmatic management of refresh and loading states independently of user gestures

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