awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

10 repositorios

Awesome GitHub RepositoriesSticky Elements

UI components that remain fixed in the viewport during scrolling.

Distinguishing note: No existing UI component taxonomy found in shortlist.

Explore 10 awesome GitHub repositories matching user interface & experience · Sticky Elements. Refine with filters or upvote what's useful.

Awesome Sticky Elements GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • brillout/awesome-react-componentsAvatar de brillout

    brillout/awesome-react-components

    47,788Ver en GitHub↗

    This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com

    Implements sticky positioning for persistent UI elements.

    awesomeawesome-listreact
    Ver en GitHub↗47,788
  • uikit/uikitAvatar de uikit

    uikit/uikit

    18,534Ver en GitHub↗

    UIkit is a CSS front-end framework and accessible UI component library designed for building responsive web interfaces. It provides a comprehensive set of styling classes and modular components alongside a JavaScript interaction toolkit for managing behavioral elements. The framework includes native support for internationalized web interfaces, featuring multi-locale text translation and right-to-left layout directions. It employs a responsive layout engine that uses flexible grids, adaptive breakpoints, and container widths to align content across different screen sizes. The toolkit covers

    Provides viewport-fixed elements with customizable offsets to maintain visibility during scrolling.

    HTML
    Ver en GitHub↗18,534
  • imakewebthings/waypointsAvatar de imakewebthings

    imakewebthings/waypoints

    10,317Ver en GitHub↗

    Waypoints is a JavaScript library designed for monitoring scroll positions and managing viewport-based triggers. It provides utilities to execute functions when page elements enter or exit the visible browser area, track specific scroll offsets, and implement sticky element pinning. The library includes specialized tools for building infinite scrolling interfaces that fetch and append content to replace traditional pagination. It also manages the positioning of elements that transition to a fixed screen location once a specific scroll threshold is reached. The system covers broader capabilit

    Pins page elements to a fixed screen position once a specific scroll threshold is reached.

    JavaScript
    Ver en GitHub↗10,317
  • didi/cube-uiAvatar de didi

    didi/cube-ui

    9,116Ver en GitHub↗

    cube-ui is a mobile-first Vue.js component library that provides a comprehensive set of pre-built UI elements for building touch-based mobile web applications. The library is built on Vue's single-file component architecture and supports on-demand ES module imports, allowing developers to selectively load only the components they need to optimize bundle size. It also offers plugin-based global registration for convenient setup and includes a CLI scaffolding tool to generate project skeletons with pre-configured build settings. The library distinguishes itself with a gesture-driven interaction

    Provides a sticky element component that keeps content fixed during scrolling.

    JavaScriptcube-uijavascriptui-library
    Ver en GitHub↗9,116
  • gorhom/react-native-bottom-sheetAvatar de gorhom

    gorhom/react-native-bottom-sheet

    9,003Ver en GitHub↗

    This is a bottom sheet component library for React Native that provides gesture-driven panels sliding up from the bottom of the screen. The library is built around configurable snap points, dynamic sizing, keyboard awareness, modal presentation, and synchronized scrolling, with native driver animation offloaded to the native thread for smooth performance. The library distinguishes itself through deep gesture and animation control, including custom gesture handler overrides, scroll-gesture synchronization, and dynamic snap point recalculation when content size or keyboard visibility changes. I

    Ships a draggable sticky UI element inspired by social media story interactions.

    TypeScriptbottom-sheetbottomsheetmodal
    Ver en GitHub↗9,003
  • russellsamora/scrollamaAvatar de russellsamora

    russellsamora/scrollama

    5,982Ver en GitHub↗

    Scrollama is a JavaScript library for scroll-driven storytelling that uses the browser's native IntersectionObserver API to trigger step-based callbacks and animations as the user scrolls through a page. It pins graphic elements using CSS sticky positioning while scrolling through associated text steps, enabling side-by-side narrative experiences without JavaScript-driven layout calculations. The library provides a configurable offset threshold system that accepts a single global offset or per-element data-attribute offsets to define the viewport position that triggers step events. It reports

    Pins graphic elements with CSS position sticky while scrolling through associated text steps for side-by-side narratives.

    HTML
    Ver en GitHub↗5,982
  • devlight/infinitecycleviewpagerAvatar de Devlight

    Devlight/InfiniteCycleViewPager

    5,691Ver en GitHub↗

    InfiniteCycleViewPager es un componente de interfaz de usuario para Android que permite el desplazamiento continuo a través de un conjunto de elementos sin un inicio o fin definido. Funciona como un componente de UI de bucle infinito y carrusel que admite orientaciones tanto horizontales como verticales. La librería proporciona un sistema de transición de página personalizado que crea profundidad visual al escalar y desplazar las páginas a medida que se mueven hacia la vista central. También incluye un mecanismo de desplazamiento automático que rota a través del contenido basado en un intervalo de tiempo especificado. El proyecto implementa estos comportamientos simulando un bucle de índice virtual y utilizando transformaciones de escala basadas en coordenadas para gestionar el movimiento y la apariencia de las páginas.

    Adjusts the scale and offset of pages dynamically based on scroll position to create visual depth.

    Javaandroidcardscycle
    Ver en GitHub↗5,691
  • armour/vue-typescript-admin-templateAvatar de Armour

    Armour/vue-typescript-admin-template

    5,677Ver en GitHub↗

    Vue-typescript-admin-template is a TypeScript-based admin panel starter built with Vue CLI 3, providing a complete foundation for building enterprise back-office interfaces. It enforces type safety across Vue components using TypeScript, reducing runtime errors and improving code maintainability, while offering a dynamic route permission system that controls sidebar navigation and page access by mapping user roles to route permissions at runtime. The template includes a mock API service layer that simulates backend responses for frontend development without a live server, along with internati

    Keeps specified elements fixed in view while the rest of the page scrolls.

    Vueadminadmin-dashboardtemplate
    Ver en GitHub↗5,677
  • taiga-family/taiga-uiAvatar de taiga-family

    taiga-family/taiga-ui

    4,002Ver en GitHub↗

    Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp

    Provides dynamic scaling for sticky headings to create smooth transitions during page scrolling.

    TypeScriptangularbest-practicescdk
    Ver en GitHub↗4,002
  • ui-layouts/uilayoutsAvatar de ui-layouts

    ui-layouts/uilayouts

    3,190Ver en GitHub↗

    uillayouts is a comprehensive design system consisting of interactive components, responsive templates, motion-enhanced UI kits, and advanced visual effect toolkits. It provides a collection of accessible React UI components and pre-designed layout sections for landing pages. The project is distinguished by a specialized visual effects library and motion-driven components. It features high-performance graphical enhancements such as glassmorphism, mesh gradients, noise overlays, and SVG masking, alongside interactive elements that utilize physics-based animations and cursor-tracking effects.

    Provides components that remain fixed within a container while the rest of the page scrolls.

    TypeScriptaccertinityaccordion-componentanimated-tabs
    Ver en GitHub↗3,190
  1. Home
  2. User Interface & Experience
  3. Sticky Elements

Explorar subetiquetas

  • DraggableSticky UI elements that can be dragged and repositioned by the user. **Distinct from Sticky Elements:** Distinct from Sticky Elements: adds drag interaction to the sticky behavior, not just fixed positioning.
  • Dynamic Scale TransitionsUI elements that change size or scale based on scroll position to create visual transitions. **Distinct from Sticky Elements:** Specifically covers the scaling effect during scrolling, whereas Sticky Elements is the broader category of fixed-position elements.
  • Narrative Graphic PinningA library that pins graphic elements with CSS position sticky while scrolling through associated text steps for side-by-side narratives. **Distinct from Sticky Elements:** Distinct from Sticky Elements: specifically pins graphics for scrollytelling narratives rather than general UI sticky elements.
  • Scrollytelling GraphicsPinning a graphic element while scrolling through associated text steps for side-by-side narrative experiences. **Distinct from Sticky Elements:** Distinct from Sticky Elements: pins a graphic specifically for scrollytelling narratives rather than general UI sticky elements.