10 Repos
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.