Awesome GitHub RepositoriesSmooth Scrolling

Better-scroll is a JavaScript scroll library and touch interaction engine designed to create high-performance scrollable areas in web browsers. It functions as a modular UI component framework that provides the foundation for building complex scrollable elements. The library is distinguished by a plugin-based architecture that allows the injection of custom methods and event hooks. This system enables the creation of specialized interface components such as carousel sliders, scrollable picker inputs, and draggable element systems. The project covers a wide range of mobile web interaction pat

snacks.nvim is a comprehensive collection of quality-of-life plugins and utilities designed to extend the core functionality of Neovim. It serves as a multi-purpose toolkit providing a UI framework, navigation enhancements, and integrations with external services. The project distinguishes itself by combining a wide array of specialized tools into a single suite, including a picker-based file explorer, a deep GitHub integration for managing issues and pull requests, and a set of development utilities for profiling Lua performance and inspecting code execution. Its broader capability surface

elevator.js is a lightweight JavaScript library that adds a playful, elevator-themed scroll-to-top button to a webpage. When clicked, it smoothly animates the page back to the top while playing a looping elevator music track in the background, masking the transition and adding a whimsical touch to the user experience. The library goes beyond a simple scroll-to-top button by offering configurable scroll duration, the ability to scroll to any specified DOM element with optional vertical padding, and callback hooks that fire user-defined functions at the start and end of the animation. This allo

Tridactyl is a Vim-like Firefox extension that provides a comprehensive keyboard-driven interface for browsing, tab management, and page interaction. It replaces traditional mouse-based navigation with Vim-style keybindings, an ex-mode command line, and a hint overlay system for selecting and interacting with page elements. The extension is built around a core infrastructure that includes a modal command parser, a keybinding configuration system, and a content-script command bridge for executing commands in page context. The extension distinguishes itself through its deep integration with Fir

Cette bibliothèque JavaScript de défilement fluide est un utilitaire frontend et un contrôleur de mouvement de viewport conçu pour animer les transitions vers des liens d'ancrage. Elle intercepte les clics de liens standard pour remplacer les sauts instantanés par un mouvement fluide vers les éléments cibles. La bibliothèque fournit des patterns d'accélération (easing) configurables et des contrôles de vitesse pour gérer l'accélération et la décélération. Elle inclut un mécanisme pour annuler immédiatement les animations actives et supporte le déclenchement de défilement programmatique via des appels de fonction directs. L'outil gère les offsets de positionnement pour éviter que le contenu cible ne soit caché derrière des en-têtes fixes et synchronise la barre d'adresse du navigateur pendant les transitions. Il dispose également d'un système de callback piloté par les événements qui déclenche des effets de bord lorsque les animations de défilement commencent, se terminent ou sont interrompues.

Twoway-view est une bibliothèque Java pour le développement d'interface utilisateur de liste Android conçue pour simplifier la création d'interfaces de liste et de grille personnalisées. Elle se concentre sur la réduction du code répétitif lors de la construction d'arrangements d'éléments complexes et de mises en page personnalisées. Le projet fournit des outils pour la conception de gestionnaire de mise en page personnalisé et la gestion de mise en page de séquence, permettant un positionnement structurel précis des éléments. Il inclut des mécanismes pour la simplification de la mise en page de liste et le rendu de mises en page d'interface utilisateur personnalisées. La bibliothèque couvre une large gamme de capacités de liste, y compris la gestion de la décoration d'éléments pour le style visuel, des primitives d'interaction pour le traitement des entrées et le suivi de la sélection, et des utilitaires de navigation pour le défilement animé vers des positions spécifiques.

Swup est une bibliothèque de transition de page et un chargeur de page AJAX conçu pour créer des transitions animées fluides entre les pages sur des sites web rendus côté serveur. Il fonctionne comme un orchestrateur de contenu DOM et un gestionnaire d'historique de navigateur, interceptant la navigation pour remplacer dynamiquement le contenu de la page et simuler une expérience d'application monopage. Le projet se distingue par un système de cycle de vie basé sur des hooks et une architecture de plugins qui permet l'injection de logique personnalisée et d'effets d'animation. Il prend en charge des méthodes visuelles avancées, notamment le morphing de contenu DOM, le rendu DOM parallèle pour les animations superposées et l'intégration avec l'API native View Transitions du navigateur. La bibliothèque couvre un large éventail de capacités, notamment la gestion de la navigation côté client, la mise en cache des pages en mémoire et le préchargement des pages en arrière-plan pour optimiser les performances. Elle fournit également une restauration complète de la position de défilement, des optimisations d'accessibilité pour les lecteurs d'écran et des outils pour synchroniser les métadonnées d'en-tête de document et l'exécution de scripts à travers les transitions.

react-scroll est une bibliothèque pour gérer le comportement de défilement fluide et immédiat entre les éléments de page dans les applications React. Il fonctionne comme un contrôleur de défilement DOM, fournissant une API déclarative et un ensemble de composants pour animer la fenêtre d'affichage vers des éléments cibles spécifiques. La bibliothèque permet un défilement personnalisé en permettant à la fenêtre d'affichage de se déplacer vers des éléments cibles soit par des sauts instantanés, soit par des transitions animées. Elle fournit un système pour intégrer cette logique de défilement dans des composants personnalisés en utilisant des mixins pour définir des déclencheurs de mouvement et des cibles spécifiques. Le projet couvre la navigation dans la fenêtre d'affichage et les transitions de focus au sein des mises en page d'applications monopages, reliant les actions de l'utilisateur dans les composants React à des positions spécifiques dans la page.

smoothscroll is a browser compatibility library and JavaScript polyfill that provides uniform smooth scrolling behavior across different web browsers. It functions as a frontend animation utility that intercepts standard scroll commands and replaces them with custom animation logic to ensure consistent navigation transitions. The library includes a runtime feature detection tool that identifies native browser support for scroll properties, preventing redundant execution in modern environments. It synchronizes page position updates with the browser display refresh rate to prevent visual stutte

MarqueeView is an Android custom view library used to create scrolling or flipping text announcements and dynamic text tickers. It functions as a specialized interface component for displaying rotating sequences of messages and interactive notification widgets. The library distinguishes itself through the use of dynamic layout inflation to inject custom resource files at runtime. It manages programmatic animation sequencing for entry and exit transitions and utilizes a callback system to map user touch events on visual elements to specific data indices. The project covers broad capabilities

BasicScroll is a standalone scroll-driven animation library that updates CSS custom properties, element styles, and CSS properties dynamically based on absolute or relative viewport scroll positions. It functions as an animation engine designed to build custom parallax scrolling experiences and fluid visual effects on both mobile and desktop viewports. The library supports custom scroll range definitions anchored directly to specific document elements, alongside callback executions that trigger user-defined functions with live progress data and state percentages as the viewport enters or leav

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

Ce projet est un modèle de site web portfolio réactif conçu pour présenter des informations de parcours professionnel et des compétences. Il fournit une mise en page structurée qui s'adapte automatiquement à diverses tailles d'écran, garantissant une expérience de visualisation cohérente sur les appareils mobiles, tablettes et ordinateurs de bureau. Le modèle se distingue par une architecture de conception mobile-first qui donne la priorité aux performances sur petit écran avant de mettre à l'échelle le contenu pour les écrans plus grands. Il inclut un composant de changement de thème intégré qui permet aux utilisateurs de basculer entre les schémas de couleurs clair et sombre, ainsi qu'une fonctionnalité de navigation à défilement fluide qui anime les transitions entre les différentes sections de la page. La base de code utilise des variables CSS pour la gestion des thèmes et repose sur des media queries pour gérer les ajustements de mise en page. Les préférences utilisateur, telles que la sélection de thème, sont gérées via des bascules de classe sur le corps du document et persistées en utilisant le stockage local.

Portfolio-responsive-complete is a responsive web portfolio template built with core web languages that adapts automatically to any screen size. It functions as a frontend developer portfolio template, providing a personal showcase site designed with a mobile-first approach. The project incorporates mobile-first fluid layouts that adapt screen structures dynamically across devices, alongside declarative style encapsulation that organizes visual rules into structured stylesheets. It features event-driven DOM manipulation to update interface states dynamically in response to user interactions.

Fixed-nav is a client-side JavaScript library for building responsive, touch-friendly navigation menus on single-page websites. It pins navigation bars to the screen viewport so control interfaces remain persistently accessible as users scroll through long content. The library automatically monitors scroll positions against document boundaries to highlight active section indicators in real time. When navigation links are selected, it animates viewport transitions to target sections using hardware-accelerated timing functions instead of abrupt jumps. Additional capabilities include dimming ba