awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

10 Repos

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

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • brillout/awesome-react-componentsAvatar von brillout

    brillout/awesome-react-components

    47,788Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗47,788
  • uikit/uikitAvatar von uikit

    uikit/uikit

    18,534Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗18,534
  • imakewebthings/waypointsAvatar von imakewebthings

    imakewebthings/waypoints

    10,317Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗10,317
  • didi/cube-uiAvatar von didi

    didi/cube-ui

    9,116Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗9,116
  • gorhom/react-native-bottom-sheetAvatar von gorhom

    gorhom/react-native-bottom-sheet

    9,003Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗9,003
  • russellsamora/scrollamaAvatar von russellsamora

    russellsamora/scrollama

    5,982Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗5,982
  • devlight/infinitecycleviewpagerAvatar von Devlight

    Devlight/InfiniteCycleViewPager

    5,691Auf GitHub ansehen↗

    InfiniteCycleViewPager ist eine Android-UI-Komponente, die kontinuierliches Scrollen durch eine Reihe von Elementen ohne definierten Anfang oder Ende ermöglicht. Sie fungiert als Endlosschleifen-UI-Komponente und Karussell, das sowohl horizontale als auch vertikale Ausrichtungen unterstützt. Die Bibliothek bietet ein benutzerdefiniertes Seitenübergangssystem, das visuelle Tiefe erzeugt, indem Seiten skaliert und versetzt werden, während sie sich auf die mittlere Ansicht zubewegen. Sie enthält zudem einen Auto-Scrolling-Mechanismus, der basierend auf einem festgelegten Zeitintervall durch Inhalte rotiert. Das Projekt implementiert diese Verhaltensweisen durch die Simulation einer virtuellen Indexschleife und die Verwendung koordinatenbasierter Skalierungstransformationen, um die Bewegung und das Erscheinungsbild der Seiten zu verwalten.

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

    Javaandroidcardscycle
    Auf GitHub ansehen↗5,691
  • armour/vue-typescript-admin-templateAvatar von Armour

    Armour/vue-typescript-admin-template

    5,677Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗5,677
  • taiga-family/taiga-uiAvatar von taiga-family

    taiga-family/taiga-ui

    4,002Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗4,002
  • ui-layouts/uilayoutsAvatar von ui-layouts

    ui-layouts/uilayouts

    3,190Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗3,190
  1. Home
  2. User Interface & Experience
  3. Sticky Elements

Unter-Tags erkunden

  • 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.