11 Repos
UI components that render content at fixed positions using portals.
Distinguishing note: Focuses on the fixed-positioning capability rather than general layout.
Explore 11 awesome GitHub repositories matching user interface & experience · Fixed Position Components. Refine with filters or upvote what's useful.
Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti
Renders children inside a portal at a fixed position relative to the viewport.
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
Allows for non-scrolling header elements that remain stationary while the underlying list content moves.
GSAP is a comprehensive JavaScript animation library designed for orchestrating complex motion sequences and interactive user interfaces. It provides a robust property-interpolation engine that calculates intermediate values for CSS styles, attributes, and numeric properties, enabling smooth visual transitions across web elements. The framework is built on a core architecture that manages animation lifecycles, timeline-based sequence orchestration, and virtual property interception to ensure precise control over motion. The library distinguishes itself through a modular, plugin-based extensib
Provides utilities for transitioning object coordinates and managing absolute positioning during animation sequences.
React Grid Layout is a toolkit for building draggable, resizable, and responsive dashboard interfaces. It functions as a coordinate-based grid system that reconciles component positions and dimensions through declarative metadata, allowing developers to manage complex collections of UI elements that users can interact with directly. The library distinguishes itself through an automated packing algorithm that maintains structural integrity by shifting elements to fill gaps and resolving overlaps. It supports responsive design by monitoring container width changes against pre-defined breakpoint
Supports fixing specific elements in place while allowing other interactive elements to reposition around them.
Tippy.js is a JavaScript tooltip library and interactive popup framework used to create tooltips, popovers, and dropdowns. It functions as a floating UI component toolkit that renders content relative to a reference element with support for automatic positioning, flip-positioning, and offsets. The library acts as an accessible overlay manager, using ARIA attributes and focus management to ensure screen reader compatibility. It also serves as a CSS animation tool, providing utilities for transitions, spring physics, and themes to manage the visual entry and exit of floating interface elements.
Continuously updates tooltip positions to track reference elements that are animating or changing layout.
PX4-Autopilot is a professional-grade flight control software stack designed for autonomous unmanned vehicles, including multicopters, fixed-wing aircraft, and vertical takeoff and landing platforms. It operates as a modular, real-time framework that decouples flight control logic from hardware drivers through a publish-subscribe middleware architecture. The system utilizes a deterministic microkernel runtime to execute time-critical flight control loops and sensor fusion tasks, ensuring stable navigation and vehicle operation. The platform distinguishes itself through a parameter-driven conf
Maintains a fixed GPS location and altitude by circling or flying figure-eight patterns automatically without requiring manual pilot input.
vlayout is an Android RecyclerView extension framework that uses pluggable layout helpers to mix grid, list, sticky, staggered, and fixed layouts within a single scrollable view. It provides a modular layout delegation system where each section of the RecyclerView is assigned a dedicated layout helper that manages its own measurement, placement, and decoration, enabling complex heterogeneous content displays. The framework extends RecyclerView's LayoutManager to delegate layout logic to these modular helper components, supporting features like sticky headers that remain visible at the top dur
Positions child views at fixed screen locations during scrolling, with options for dragging or delayed appearance.
Magic of CSS is a structured tutorial series that teaches web developers advanced CSS layout, typography, and animation techniques through hands-on examples. The course covers the full spectrum of CSS capabilities, from foundational box model and positioning concepts to sophisticated animation and interactive state management, all without relying on JavaScript. The series distinguishes itself by teaching practical, real-world CSS patterns such as inline-block justified grids, percentage-based absolute positioning, table-display vertical centering, and letter-span styling techniques. It demons
Teaches fixed positioning to keep elements in place during scrolling.
Basscss is a lightweight CSS utility toolkit built on an atomic, single-purpose class architecture. Each class performs exactly one visual function, enabling immutable, side-effect-free styling where no class ever overrides or conflicts with another. The system provides a predefined spacing scale, responsive breakpoint prefixes for conditional styling across device widths, and accessible visibility control that keeps content programmatically available to assistive technologies. The framework distinguishes itself through a float-based grid system that constructs layouts using floated percentag
Provides utility classes for fixed positioning of elements relative to the viewport.
Material Tailwind ist ein responsives Web-UI-Framework und eine Komponentenbibliothek, die mit Tailwind CSS erstellt wurde. Es bietet ein anpassbares Designsystem, das Material-Design-Prinzipien für Webanwendungen implementiert. Das Projekt konzentriert sich auf ein anpassbares Designsystem, das eine zentrale Themenkonfiguration und utility-basiertes Styling ermöglicht, um die visuelle Konsistenz über Schnittstellen hinweg aufrechtzuerhalten. Die Bibliothek enthält eine breite Palette wiederverwendbarer Schnittstellenelemente, die Layoutstrukturen, Navigationssysteme und Overlay-Komponenten abdecken. Sie bietet spezialisierte Tools für die Konstruktion von Webformularen, Dateneingabesteuerelemente und visuelle Statusindikatoren.
Implements components that can be pinned to fixed positions on the screen, such as sticky headers.
TwinklingRefreshLayout ist ein Pull-to-Refresh-Layout für Android, das einen scrollbaren Container zur Implementierung von Refresh- und Load-More-Funktionalitäten bereitstellt. Es fungiert als View-Wrapper für Komponenten wie RecyclerView, ScrollView und WebView, um konsistente Refresh- und Ladeverhalten über verschiedene scrollbare Views hinweg sicherzustellen. Das Projekt zeichnet sich durch eine Overscroll-Rebound-Komponente aus, die eine elastische Sprunganimation erzeugt, wenn Benutzer über Layout-Grenzen hinaus scrollen. Es enthält ein System für benutzerdefinierte Refresh-Indikatoren, das es Header- und Footer-Views ermöglicht, ihre visuellen Zustände basierend auf dem Scroll-Fortschritt des Benutzers zu animieren. Das Layout deckt zudem eine Reihe interaktiver Scroll-Effekte ab, einschließlich Pull-to-Load-Triggern am unteren Ende einer Liste und fester Header-Positionierung, um spezifische Views während des Scrollens stationär zu halten.
Provides fixed position components that keep specific headers stationary while the content scrolls.