6 Repos
Customizable UI elements for navigating overflow content.
Distinguishing note: No existing UI component taxonomy found in shortlist.
Explore 6 awesome GitHub repositories matching user interface & experience · Scrollbars. 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 custom-styled scrollbars for enhanced visual consistency.
OverlayScrollbars ist ein JavaScript-Scrollbar-Plugin und DOM-Element-Scroll-Manager, der native Browser-Scrollbars durch benutzerdefinierte, stylbare Overlay-Versionen ersetzt. Es fungiert als UI-Komponente zum Stylen von Scrollbar-Tracks und -Handles, während das ursprüngliche Scrollverhalten und die Barrierefreiheit erhalten bleiben. Das Projekt stellt Cross-Browser-UI-Konsistenz sicher, indem native Implementierungen durch benutzerdefinierte Web-Scrollbars überschrieben werden. Es nutzt ein System aus CSS-Custom-Properties und vordefinierten Themes, damit das visuelle Erscheinungsbild der Scrollbars zu spezifischen Website-Designs passt. Die Bibliothek enthält ein programmatisches Interface zur Steuerung von Scrollbar-Layouts und Performance-Modi auf Elementbasis. Sie bietet eine Plugin-Architektur zum Hinzufügen benutzerdefinierter Verhaltensweisen oder Kompatibilitäts-Polyfills und stellt Tools für die manuelle Layout-Neuberechnung bereit, wenn sich Elementgrößen oder Inhalte ändern.
Provides a comprehensive system for customizing scrollbar aesthetics using themes and CSS variables.
Dieses Projekt ist eine Sammlung von Referenzleitfäden und wiederverwendbaren Mustern zur Implementierung von CSS-Layouts, Typografie und visuellen Effekten. Es dient als Bibliothek von Style-Snippets und Implementierungsleitfäden zur Strukturierung von Webseiten und zur Erstellung gängiger UI-Muster. Das Repository bietet spezialisierte Galerien für visuelle Effekte und UI-Komponentenmuster. Dazu gehören Techniken zur Erstellung von Glassmorphism, komplexen geometrischen Formen und interaktiven Elementen wie Akkordeons, Tooltips und animierten Tab-Indikatoren. Das Projekt deckt ein breites Spektrum an Frontend-Funktionen ab, einschließlich responsivem Design, flexiblen und Grid-basierten Layout-Systemen sowie Typografie-Optimierung. Es enthält zudem Ressourcen zum Erstellen interaktiver Bewegungseffekte, Farbmischungen und Bildfilterung, um häufige Rendering-Probleme zu lösen und die Ästhetik der Benutzeroberfläche zu verbessern.
Provides CSS patterns for customizing the appearance of browser scrollbars to match visual designs.
body-scroll-lock is a DOM scroll locking library and cross-browser scroll controller. It provides utilities to disable page scrolling while maintaining scrollability for specific nested elements across different browsers and devices. The project functions as a layout shift prevention utility and a web UI modal scroll manager. It includes mechanisms to add padding to the body when scrollbars are removed to prevent horizontal flickering and content shifting. The library covers scroll management for mobile navigation and modal interactions, enabling specific containers to remain scrollable whil
Prevents horizontal layout shift by adding padding to the body when the scrollbar is removed.
Dieses Projekt ist ein jQuery-Plugin, das native Browser-Scrollbalken durch thematisierte, anpassbare Versionen ersetzt, die sowohl vertikale als auch horizontale Achsen unterstützen. Es bietet eine Navigationsebene, die darauf ausgelegt ist, ein einheitliches Scrollverhalten über Maus-, Tastatur- und Touch-fähige Geräte hinweg sicherzustellen. Das Plugin ermöglicht die Modifikation von Scrollbalken-Schienen und -Ziehern unter Verwendung von CSS und voreingestellten Themes, um die UI-Konsistenz über Browser hinweg zu wahren. Es ermöglicht die Kontrolle über das physische Gefühl der Navigation durch einstellbares Momentum, Snapping und Mausrad-Beschleunigung. Das System enthält Funktionen für die programmatische Positionierung von Inhalten, die Synchronisation interner Links und die Erkennung der Sichtbarkeit von Elementen. Es kann die Scrollbalken-Ausrichtung automatisch basierend auf den Viewport-Dimensionen umschalten und bietet einen Mechanismus, um benutzerdefinierte Funktionen auszulösen, wenn das Scrollen bestimmte Meilensteine erreicht.
Replaces native browser scrollbars with themed, customizable UI elements for navigating overflow content.
Airplay-SDK ist ein Software Development Kit und eine Bibliothek für drahtloses Multimedia-Streaming zur Implementierung von AirPlay-Mirroring- und Casting-Funktionalität auf Android-Geräten. Es dient als Netzwerk-Medienempfänger und Screen-Mirroring-Framework, das es Geräten ermöglicht, hochauflösende Audio- und Videostreams über ein lokales Netzwerk zu empfangen. Das Toolkit ermöglicht den Empfang von Screen-Mirrors von Mobil- und Desktop-Geräten, ohne dass Sender-Software erforderlich ist. Es unterstützt Multi-Screen-Casting zur Verwaltung von One-to-Many- oder Many-to-One-Display-Konfigurationen, einschließlich der Fähigkeit, bis zu vier verschiedene eingehende Streams gleichzeitig in einem Split-Screen-Layout zu rendern. Die Bibliothek bietet Funktionen für die Optimierung digitaler Beschilderung durch Anpassung gespiegelter Inhalte für vertikale Monitore und Werbebildschirme. Sie enthält zudem Funktionen für die Fernsteuerung, die es einem empfangenden Gerät ermöglichen, Signale zurück an die ursprüngliche Quelle zu senden, um Medienwiedergabe und Navigation zu verwalten.
Adapts mirrored content layout and scaling to fit vertical monitors and advertising screens while preserving aspect ratios.