18 repositorios
Systems that coordinate complex scroll behaviors, including animation timing and section indexing.
Distinct from Programmatic Scrolling: Distinct from programmatic scrolling (which is just movement) by providing an orchestration layer for timing and state.
Explore 18 awesome GitHub repositories matching user interface & experience · Scroll Orchestrators. Refine with filters or upvote what's useful.
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
Synchronizes touch events between a parent container and internal scrollable views to prevent movement conflicts.
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
Coordinates scrolling behavior between parent and child containers to prevent conflicting scroll events.
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
Provides an orchestration layer for precise viewport shifts and coordinated scroll behaviors.
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
Manages section-based navigation with support for keyboard shortcuts and coordinated programmatic transitions.
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
Coordinates touch events to ensure internal content scrolls only after the sliding panel is fully expanded.
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
Builds complex scrollable layouts using Sliver widgets to compose sticky headers, parallax, and nested scrolling effects.
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
Coordinates scroll events between popup content and parent containers to manage focus and keyboard behavior.
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
Coordinates dimensions and scrolling between parent pages and inner frames to eliminate nested scrollbars.
Flukit es una suite de kits de herramientas funcionales para Flutter, que proporciona wrappers de animación, herramientas de depuración de layouts, kits de interacción de desplazamiento y una biblioteca de componentes de UI reutilizables y utilidades visuales. El proyecto se distingue por una herramienta dedicada de depuración de layouts para inspeccionar restricciones parentales y capturar registros del sistema directamente dentro de la interfaz. También proporciona wrappers de animación especializados para rotar, escalar y deslizar componentes hijos, y un kit de interacción de desplazamiento que incluye mecanismos de pull-to-refresh, carruseles y encabezados sliver flexibles. La biblioteca cubre una amplia gama de capacidades, incluyendo efectos visuales como marcas de agua de contenido y superposiciones de degradado, así como características interactivas como vistas con zoom e interceptación de eventos táctiles. Incluye un sistema para el almacenamiento en caché de componentes hijos en áreas desplazables y una cola de notificaciones sincronizada para gestionar actualizaciones de estado durante las fases de layout.
Implements a sliver-based scroll architecture to coordinate flexible headers and complex painting during scrolling.
FloatingPanel es un componente de UI de Swift para iOS que proporciona un gestor de paneles y hojas inferiores (bottom sheets) interactivo. Funciona como un controlador de presentación modal que permite a los desarrolladores mostrar contenedores flotantes para contenido relacionado y utilidades junto a una pantalla principal. El sistema utiliza un sistema de anclaje magnético para ajustar los paneles a posiciones verticales predefinidas y soporta la gestión de múltiples paneles dentro de una sola vista. Sincroniza la posición del panel con el comportamiento de scroll de las vistas internas para coordinar el movimiento durante la interacción del usuario. El proyecto cubre capacidades para el seguimiento de posición basado en gestos, cálculos de diseño basados en estado y despacho de eventos basado en delegados. Estos elementos se utilizan para implementar visualizaciones de contenido contextual, modales personalizados e interfaces interactivas basadas en mapas.
Coordinates scrolling behavior between the floating panel container and its internal scrollable content.
Este proyecto es un componente de UI multiplataforma para aplicaciones React Native que proporciona una ventana superpuesta personalizable para presentar contenido sobre las vistas existentes de la aplicación. Sirve como biblioteca para gestionar componentes modales animados, fondos y transiciones móviles. El componente se distingue por su soporte para animaciones de entrada y salida personalizadas y fondos altamente configurables, permitiendo el ajuste de opacidad, color y la integración de elementos personalizados. También implementa el cierre basado en gestos, permitiendo a los usuarios cerrar las superposiciones mediante toques en el fondo o deslizamientos en direcciones especificadas. La biblioteca maneja desafíos de interfaz específicos para móviles, incluyendo el posicionamiento adaptativo del teclado para mantener el contenido visible cuando se abre el teclado virtual y la coordinación de gestos de deslizamiento con contenido desplazable interno. Además, proporciona callbacks de ciclo de vida que se activan durante secuencias de animación y eventos del sistema.
Coordinates scrolling between the internal modal content and the external swipe-to-close gesture detection.
CoordinatorTabLayout es un componente de interfaz de usuario personalizado para Android que integra navegación por pestañas con cabeceras plegables y sincronización de contenedores de paginación. Construido para el sistema de vistas nativo de Android, implementa patrones de Material Design para crear pantallas inmersivas donde el contenido de la cabecera se colapsa a medida que el usuario hace scroll. El componente sincroniza los eventos de selección de pestañas con un contenedor de paginación para actualizar el contenido visible. Gestiona la coordinación entre una barra de navegación de pestañas y una cabecera plegable, asegurando que los eventos de scroll y las transiciones de página permanezcan alineados. El layout incluye capacidades para la gestión de la apariencia de la barra del sistema, permitiendo que el contenido se dibuje detrás de barras de estado y navegación translúcidas. También proporciona un sistema de configuración para imágenes de cabecera, admitiendo tanto recursos estáticos como carga de imágenes asíncrona por red impulsada por listeners.
Implements nested scroll coordination between a collapsing header and scrollable content to create synchronized folding animations.
body-scroll-lock es una librería de bloqueo de scroll del DOM y controlador de scroll multiplataforma. Proporciona utilidades para desactivar el scroll de la página mientras se mantiene la capacidad de scroll para elementos anidados específicos en diferentes navegadores y dispositivos. El proyecto funciona como una utilidad de prevención de desplazamiento de diseño (layout shift) y un gestor de scroll para modales de UI web. Incluye mecanismos para añadir padding al body cuando se eliminan las barras de desplazamiento para evitar parpadeos horizontales y desplazamientos de contenido. La librería cubre la gestión de scroll para navegación móvil e interacciones modales, permitiendo que contenedores específicos permanezcan con scroll mientras el resto del cuerpo del documento está congelado.
Enables specific nested containers to remain scrollable while the main document body is frozen.
fluttereasyrefresh es una biblioteca para implementar paginación de tipo pull-to-refresh e infinite scroll dentro de componentes de lista en Flutter. Proporciona los componentes funcionales y la lógica necesarios para activar recargas de datos mediante gestos de arrastre hacia abajo y obtener fragmentos de datos adicionales mediante disparadores de arrastre hacia arriba. El proyecto presenta una arquitectura de indicadores desacoplada que permite estilos visuales personalizables, animaciones temáticas y un posicionamiento flexible de encabezados y pies de página. Incluye un controlador centralizado que permite la gestión programática de los estados de actualización y carga, independientemente de los gestos del usuario. La biblioteca cubre la gestión del scroll mediante física e inercia personalizables, así como la sincronización de datos paginados para automatizar la carga de datos basada en índices de página. También proporciona integración para vistas de scroll anidadas para coordinar las posiciones de los indicadores dentro de una jerarquía de vistas.
Wraps scrollable widgets to intercept notifications and coordinate indicator positions within nested view hierarchies.
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
Coordinates nested scrolling by propagating remaining scroll delta to parent containers when inner boundaries are reached.
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
Coordinates scrolling between the parent modal container and internal scrollable children to ensure fluid interaction.
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
Coordinates touch scrolling gestures between outer modal containers and internal scrollable content.
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
Coordinates global scroll and resize listeners efficiently using request animation frames to minimize overhead.