12 dépôts
UI elements that represent and control scroll position.
Distinguishing note: Focuses on interactive scrollbars for content navigation.
Explore 12 awesome GitHub repositories matching user interface & experience · Scrollbar Components. Refine with filters or upvote what's useful.
Swiper is a modular, touch-enabled library designed for building interactive content carousels and sliders for web and mobile applications. It provides a high-performance rendering engine that manages large datasets by dynamically creating and destroying elements based on their proximity to the viewport, ensuring memory efficiency and smooth operation. The library distinguishes itself through a plugin-based architecture that allows developers to include only the specific functionality required for their project, effectively minimizing bundle sizes. It features a hardware-accelerated animation
Includes a draggable scrollbar for visual feedback and navigation through content.
iscroll is a JavaScript smooth scrolling library and web interaction framework. It provides a 2D web panning controller and a CSS transform zoom engine to manage inertial scrolling, panning, and zooming for web elements across different devices. The project enables the implementation of custom scrollbar interfaces and navigation maps that track the current viewport position. It supports the creation of interactive web carousels with element snapping, web parallax effects, and content scaling via pinch-to-zoom or mouse-wheel inputs. The library covers a broad range of interaction capabilities
Provides the ability to create and style visual scroll indicators and navigation maps.
Opentui is a terminal user interface framework for building interactive command line applications. It provides a component-based system featuring a flexbox layout engine, a virtual node component tree, and a low-level 2D cell array renderer. The project is distinguished by a sophisticated keyboard binding engine that maps complex multi-stroke sequences and chords to named commands using prioritized, reactive layers. It also implements a plugin architecture that allows external modules to inject custom UI components into designated layout slots and extend input logic at runtime. Its capabilit
Provides interactive scrollbar components with draggable thumbs to navigate overflowing content.
mini.nvim is a comprehensive library of independent modules designed to extend Neovim with a wide array of navigation, user interface, and text manipulation tools. It serves as a modular plugin collection, a UI toolkit for creating custom statuslines and notifications, and a package manager for installing and pinning external plugins from Git. The project provides a specialized fuzzy picker framework for filtering files and symbols, an LSP completion engine with interactive snippet expansion, and a dedicated plugin test framework that uses headless editor instances and remote procedure calls
Renders a vertical indicator next to the minimap to represent the current viewport and line position.
Skim is a cross-platform interactive fuzzy finder that runs as a terminal application, a Rust library, a Vim and Neovim plugin, and a shell integration tool. It provides real-time filtering and selection from lists of items, supporting keyboard and mouse navigation, live preview panes, and multi-select functionality across Linux, macOS, and Windows. The tool distinguishes itself through a composable query expression tree that supports fuzzy, exact, inverse, prefix, suffix, and logical AND/OR operators, combined with a Smith-Waterman scoring engine that penalizes typos and gaps for natural rel
Displays a scrollbar indicator on the side of the item list for navigation.
Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.
A lightweight JavaScript library that replaces browser scrollbars with CSS-styled custom scrollbars while preserving native scrolling behavior.
OverlayScrollbars est un plugin JavaScript de barre de défilement et un gestionnaire de défilement d'éléments DOM qui remplace les barres de défilement natives du navigateur par des versions overlay personnalisables. Il fonctionne comme un composant UI pour styliser les pistes et les poignées de barre de défilement tout en préservant le comportement de défilement d'origine et l'accessibilité. Le projet assure la cohérence de l'interface utilisateur entre les navigateurs en remplaçant les implémentations natives par des barres de défilement web personnalisées. Il utilise un système de propriétés personnalisées CSS et de thèmes prédéfinis pour permettre à l'apparence visuelle des barres de défilement de correspondre à des designs de sites web spécifiques. La bibliothèque inclut une interface programmatique pour contrôler les mises en page des barres de défilement et les modes de performance élément par élément. Elle dispose d'une architecture de plugins pour ajouter des comportements personnalisés ou des polyfills de compatibilité et fournit des outils pour le recalcul manuel de la mise en page lorsque les tailles d'éléments ou le contenu changent.
Replaces native browser scrollbars with fully styleable overlay components that maintain accessibility.
Ce projet est un kit d'interface utilisateur e-commerce Flutter et un modèle mobile multiplateforme fournissant une bibliothèque complète d'écrans et de mises en page pour les boutiques en ligne. Il est conçu pour fonctionner à la fois sur Android et iOS afin de faciliter le développement d'applications de shopping. Le kit inclut des interfaces pré-conçues pour la découverte de produits, comprenant des pages d'accueil, des catalogues de catégories et des filtres de recherche. Il fournit également une série dédiée de mises en page pour l'authentification mobile, incluant l'enregistrement des utilisateurs, la connexion et les processus de récupération de mot de passe. La base de code couvre un large éventail de capacités commerciales, notamment la gestion du panier d'achat, les flux de paiement (checkout) et les workflows de suivi de commande. De plus, il contient des composants pour l'onboarding des utilisateurs, l'affichage des informations produit et l'organisation des profils utilisateur.
Provides branded progress indicators to maintain user engagement during background data retrieval.
Viewers is a zero-footprint DICOMweb medical imaging viewer and a modular plugin framework. It serves as a diagnostic interface for rendering 2D and 3D medical images, providing a web-based clinical workflow engine to automate image layouts and toolsets. The project distinguishes itself through a highly extensible architecture that allows for the development of custom clinical workflows, specialized viewing modes, and the integration of external functional extensions. It includes a dedicated command line interface for managing these plugins and supports white-labeling through a comprehensive
Configures scrollbar visual behavior and timing to track the progress of medical image loading.
Smooth-scrollbar is a customizable JavaScript library that replaces native browser scrollbars and scrolling behavior on target DOM elements with inertial momentum physics. It provides consistent cross-browser scrolling interfaces, hardware-accelerated visual translations, and dynamic thumb positioning. The library supports nested scroll container management, allowing outer containers to continue scrolling automatically when inner scrollable areas reach their boundary edges. It features a modular plugin architecture that enables third-party extensions to hook into core scroll events, track upd
Replaces standard browser scrollbars with custom, high-performance scrolling interfaces that look and behave consistently.
React custom scrollbars is a user interface component built for React applications that replaces native browser scrollbars with custom-styled tracks and thumbs. It maintains consistent visual appearance across different platforms and browsers while generating matching markup on both server and client environments to support server-side rendering without layout shift. The library provides comprehensive styling options by overriding default track, thumb, and view elements with custom components, CSS classes, or inline styles. It handles layout adjustments by resizing container dimensions dynami
A customizable scrollbar component for React applications that replaces native browser scrollbars with custom-styled tracks and thumbs.
Ce dépôt sert de collection complète d'implémentations de référence pour le framework web Remix. Il fournit des exemples pratiques de développement web full-stack, démontrant comment construire des applications dynamiques rendues côté serveur qui font le pont entre la logique serveur et l'interactivité côté client. En tirant parti d'une architecture basée sur les composants, ces exemples illustrent les patterns fondamentaux pour gérer les données, le routage et les interfaces utilisateur dans un environnement de développement unifié. La collection met en évidence l'approche distinctive du framework en matière d'architecture web, en insistant sur le chargement de données côté serveur et les hiérarchies de routes imbriquées qui reflètent les structures d'URL. Ces exemples montrent comment gérer les requêtes de changement d'état via des actions serveur dédiées et assurer la fonctionnalité de l'application via l'amélioration progressive, permettant aux fonctionnalités de rester opérationnelles même avant que les scripts côté client ne soient entièrement chargés. Au-delà des patterns fondamentaux, le dépôt couvre un large spectre de capacités d'intégration, incluant l'authentification sécurisée et la gestion de session, la synchronisation de données en temps réel et la connectivité API externe. Il fournit également des conseils sur les flux de travail prêts pour la production, tels que le traitement de tâches en arrière-plan, le traitement sécurisé des paiements et des techniques d'optimisation des performances comme le batching de requêtes de base de données et le différé des ressources. Ces exemples sont maintenus comme un ensemble de projets modulaires, offrant aux développeurs un aperçu direct de la manière de structurer les applications, d'imposer la qualité du code et d'automatiser les pipelines de déploiement. Chaque implémentation sert de modèle fonctionnel pour les tâches de développement web courantes, allant de la gestion de contenu et du traitement de formulaires aux interactions UI complexes.
Triggers visual loading indicators during client-side transitions and form submissions to provide feedback.