Awesome GitHub RepositoriesScrollbars

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

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.

Ce projet est une collection de guides de référence et de modèles réutilisables pour implémenter des mises en page CSS, la typographie et des effets visuels. Il sert de bibliothèque d'extraits de style et de guides d'implémentation pour structurer les pages web et créer des modèles d'interface utilisateur courants. Le dépôt fournit des galeries spécialisées pour les effets visuels et les modèles de composants UI. Ceux-ci incluent des techniques pour créer du glassmorphism, des formes géométriques complexes et des éléments interactifs tels que des accordéons, des info-bulles et des indicateurs d'onglet animés. Le projet couvre un large éventail de capacités frontend, incluant la conception réactive, les systèmes de mise en page flexibles et basés sur grille, et l'optimisation de la typographie. Il inclut également des ressources pour construire des effets de mouvement interactifs, le mélange de couleurs et le filtrage d'image pour résoudre les problèmes de rendu courants et améliorer l'esthétique de l'interface.

body-scroll-lock est une bibliothèque de verrouillage du défilement DOM et un contrôleur de défilement multi-navigateur. Elle fournit des utilitaires pour désactiver le défilement de la page tout en maintenant la possibilité de défilement pour des éléments imbriqués spécifiques sur différents navigateurs et appareils. Le projet fonctionne comme un utilitaire de prévention des décalages de mise en page (layout shift) et un gestionnaire de défilement pour modales d'interface web. Il inclut des mécanismes pour ajouter du padding au corps de page (body) lorsque les barres de défilement sont supprimées, afin d'éviter les scintillements horizontaux et les décalages de contenu. La bibliothèque couvre la gestion du défilement pour la navigation mobile et les interactions modales, permettant à des conteneurs spécifiques de rester défilables tandis que le reste du corps du document est figé.

Ce projet est un plugin jQuery qui remplace les barres de défilement natives du navigateur par des versions thématisées et personnalisables prenant en charge les axes vertical et horizontal. Il fournit une couche de navigation conçue pour assurer un comportement de défilement unifié sur les appareils à souris, clavier et écran tactile. Le plugin permet la modification des rails et des curseurs de la barre de défilement en utilisant CSS et des thèmes prédéfinis pour maintenir la cohérence de l'UI entre les navigateurs. Il permet un contrôle sur la sensation physique de la navigation via l'ajustement de l'élan, de l'accrochage et de l'accélération de la molette de la souris. Le système inclut des capacités pour le positionnement programmatique du contenu, la synchronisation des liens internes et la détection de visibilité des éléments. Il peut basculer automatiquement l'orientation de la barre de défilement en fonction des dimensions de la fenêtre et fournit un mécanisme pour déclencher des fonctions définies par l'utilisateur lorsque le défilement atteint des jalons spécifiques.

Airplay-SDK is a software development kit and wireless multimedia streaming library for implementing AirPlay mirroring and casting functionality on Android devices. It serves as a network media receiver and screen mirroring framework that allows devices to ingest high-resolution audio and video streams over a local network. The toolkit enables the reception of screen mirrors from mobile and desktop devices without requiring sender software. It supports multi-screen casting to manage one-to-many or many-to-one display configurations, including the ability to render up to four different incomin