awesome-repositories.com
Blog
MCP
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektMCP-ServerÜber unsRanking-MethodikPresse
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

15 Repos

Awesome GitHub RepositoriesSmooth Scrolling

Implementations that animate screen transitions to provide fluid movement during scrolling.

Distinct from Scroll Animations: Focuses on the general fluid movement of the viewport rather than specific scroll-triggered event animations.

Explore 15 awesome GitHub repositories matching user interface & experience · Smooth Scrolling. Refine with filters or upvote what's useful.

Awesome Smooth Scrolling GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • ustbhuangyi/better-scrollAvatar von ustbhuangyi

    ustbhuangyi/better-scroll

    16,489Auf GitHub ansehen↗

    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

    Provides a high-performance smooth scrolling engine with configurable inertia and rebound effects.

    TypeScriptbetter-performanceiosiscroll
    Auf GitHub ansehen↗16,489
  • folke/snacks.nvimAvatar von folke

    folke/snacks.nvim

    7,747Auf GitHub ansehen↗

    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

    Animates screen movements and mouse scrolling to provide fluid visual transitions.

    Lua
    Auf GitHub ansehen↗7,747
  • tholman/elevator.jsAvatar von tholman

    tholman/elevator.js

    6,641Auf GitHub ansehen↗

    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

    Implements a customizable smooth scroll animation to the top of a page or to a specific element.

    JavaScript
    Auf GitHub ansehen↗6,641
  • tridactyl/tridactylAvatar von tridactyl

    tridactyl/tridactyl

    6,246Auf GitHub ansehen↗

    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

    Provides keyboard commands to scroll the page to the top or bottom.

    TypeScriptfirefoxhacktoberfestvim
    Auf GitHub ansehen↗6,246
  • cferdinandi/smooth-scrollAvatar von cferdinandi

    cferdinandi/smooth-scroll

    5,444Auf GitHub ansehen↗

    Diese JavaScript-Bibliothek für Smooth Scrolling ist ein Frontend-Utility und Viewport-Motion-Controller, der dazu entwickelt wurde, Übergänge zu Anker-Links zu animieren. Sie fängt Standard-Link-Klicks ab, um sofortige Sprünge durch flüssige Bewegungen zu den Zielelementen zu ersetzen. Die Bibliothek bietet konfigurierbare Motion-Easing-Muster und Geschwindigkeitssteuerungen zur Verwaltung von Beschleunigung und Verzögerung. Sie enthält einen Mechanismus zum sofortigen Abbrechen aktiver Animationen und unterstützt das programmatische Auslösen von Scroll-Vorgängen über direkte Funktionsaufrufe. Das Tool handhabt Positionierungs-Offsets, um zu verhindern, dass Zielinhalte hinter fixierten Headern verborgen bleiben, und synchronisiert die Browser-Adressleiste während der Übergänge. Zudem verfügt es über ein ereignisgesteuertes Callback-System, das Seiteneffekte auslöst, wenn Scroll-Animationen starten, enden oder unterbrochen werden.

    Replaces native instant jumps to anchor links with fluid, animated transitions.

    JavaScriptanchor-linksanimate-scrollingjavascript
    Auf GitHub ansehen↗5,444
  • lucasr/twoway-viewAvatar von lucasr

    lucasr/twoway-view

    5,204Auf GitHub ansehen↗

    Twoway-view ist eine Java-Bibliothek für die Android-Listen-UI-Entwicklung, die entwickelt wurde, um die Erstellung benutzerdefinierter Listen- und Raster-Schnittstellen zu vereinfachen. Sie konzentriert sich auf die Reduzierung von repetitivem Boilerplate-Code beim Aufbau komplexer Elementanordnungen und benutzerdefinierter Layouts. Das Projekt bietet Tools für das Design benutzerdefinierter Layout-Manager und das Management von Sequenz-Layouts, was eine präzise strukturelle Positionierung von Elementen ermöglicht. Es enthält Mechanismen zur Vereinfachung von Listen-Layouts und zum Rendern benutzerdefinierter Benutzeroberflächen-Layouts. Die Bibliothek deckt ein breites Spektrum an Listenfunktionen ab, einschließlich des Managements von Item-Dekorationen für visuelles Styling, Interaktions-Primitiven für die Eingabeverarbeitung und Auswahlverfolgung sowie Navigationshilfsmittel für animiertes Scrollen zu spezifischen Positionen.

    Allows moving the view to a specific item or offset using smooth animation to help users track location.

    Java
    Auf GitHub ansehen↗5,204
  • swup/swupAvatar von swup

    swup/swup

    5,191Auf GitHub ansehen↗

    Swup ist eine Seitenübergangsbibliothek und ein AJAX-Seitenlader, der entwickelt wurde, um nahtlose, animierte Übergänge zwischen Seiten auf serverseitig gerenderten Websites zu erstellen. Er fungiert als DOM-Inhalts-Orchestrator und Browser-Verlaufsmanager, der die Navigation abfängt, um Seiteninhalte dynamisch zu ersetzen und ein Single-Page-Application-Erlebnis zu simulieren. Das Projekt zeichnet sich durch ein Hook-basiertes Lebenszyklussystem und eine Plugin-Architektur aus, die die Injektion von benutzerdefinierter Logik und Animationseffekten ermöglicht. Es unterstützt fortschrittliche visuelle Methoden, einschließlich DOM-Inhalts-Morphing, parallelem DOM-Rendering für überlappende Animationen und die Integration mit der nativen Browser-View-Transitions-API. Die Bibliothek deckt eine breite Palette an Funktionen ab, einschließlich clientseitigem Navigationsmanagement, speicherbasiertem Seitencaching und Hintergrund-Seiten-Preloading zur Leistungsoptimierung. Sie bietet zudem umfassende Wiederherstellung der Scroll-Position, Barrierefreiheitsoptimierungen für Screenreader sowie Tools zur Synchronisation von Dokument-Head-Metadaten und Skriptausführung über Übergänge hinweg.

    Resets scroll position after navigation while supporting anchor links to maintain standard browser behavior.

    TypeScriptanimationjavascriptpage-transitions
    Auf GitHub ansehen↗5,191
  • fisshy/react-scrollAvatar von fisshy

    fisshy/react-scroll

    4,411Auf GitHub ansehen↗

    react-scroll ist eine Bibliothek zur Verwaltung von flüssigem und sofortigem Scroll-Verhalten zwischen Seitenelementen in React-Anwendungen. Sie fungiert als DOM-Scroll-Controller und bietet eine deklarative API sowie eine Reihe von Komponenten, um den Viewport zu spezifischen Zielelementen zu animieren. Die Bibliothek ermöglicht benutzerdefiniertes Scrollen, indem sie es dem Viewport erlaubt, sich entweder durch sofortige Sprünge oder animierte Übergänge zu Zielelementen zu bewegen. Sie bietet ein System zur Integration dieser Scroll-Logik in benutzerdefinierte Komponenten mithilfe von Mixins, um spezifische Bewegungsauslöser und Ziele zu definieren. Das Projekt deckt Viewport-Navigation und Fokus-Übergänge innerhalb von Single-Page-Application-Layouts ab und verknüpft Benutzeraktionen in React-Komponenten mit spezifischen Positionen innerhalb der Seite.

    Employs requestAnimationFrame to create fluid, smooth glide effects during viewport transitions.

    JavaScript
    Auf GitHub ansehen↗4,411
  • iamdustan/smoothscrollAvatar von iamdustan

    iamdustan/smoothscroll

    3,826Auf GitHub ansehen↗

    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

    Provides a JavaScript polyfill that implements smooth scrolling for browsers lacking native CSS support.

    JavaScript
    Auf GitHub ansehen↗3,826
  • sunfusheng/marqueeviewAvatar von sunfusheng

    sunfusheng/MarqueeView

    3,784Auf GitHub ansehen↗

    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

    Renders data models as animated scrolling or flipping message feeds with customizable transition effects.

    Javamarqueemarqueeview
    Auf GitHub ansehen↗3,784
  • electerious/basicscrollAvatar von electerious

    electerious/basicScroll

    3,607Auf GitHub ansehen↗

    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

    Synchronises scroll calculations and visual updates with the browser refresh cycle.

    JavaScript
    Auf GitHub ansehen↗3,607
  • malte-wessel/react-custom-scrollbarsAvatar von malte-wessel

    malte-wessel/react-custom-scrollbars

    3,217Auf GitHub ansehen↗

    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

    Schedules visual updates on every frame to synchronise custom thumb positions smoothly with native scroll offsets.

    JavaScriptcustomizablereactscrollbars
    Auf GitHub ansehen↗3,217
  • bedimcode/responsive-portfolio-website-alexaAvatar von bedimcode

    bedimcode/responsive-portfolio-website-Alexa

    2,653Auf GitHub ansehen↗

    This project is a responsive portfolio website template designed to showcase professional background information and skills. It provides a structured layout that automatically adapts to various screen sizes, ensuring a consistent viewing experience across mobile, tablet, and desktop devices. The template distinguishes itself through a mobile-first design architecture that prioritizes small-screen performance before scaling content for larger displays. It includes a built-in theme-switching component that allows users to toggle between light and dark color schemes, as well as a smooth scrollin

    Provides fluid viewport transitions between page sections using native smooth scrolling APIs.

    CSSportfolio-websiteresponsive-portfoliowebsite-template
    Auf GitHub ansehen↗2,653
  • bedimcode/portfolio-responsive-completeAvatar von bedimcode

    bedimcode/portfolio-responsive-complete

    1,420Auf GitHub ansehen↗

    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.

    Glides the viewport smoothly between page sections when anchor links are clicked instead of jumping abruptly.

    SCSSportfolio-websiteresponsive-portfolio-websitewebsite-design
    Auf GitHub ansehen↗1,420
  • adtile/fixed-navAvatar von adtile

    adtile/fixed-nav

    931Auf GitHub ansehen↗

    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

    Animates viewport transitions to target sections using hardware-accelerated timing functions for smooth scrolling.

    JavaScript
    Auf GitHub ansehen↗931
  1. Home
  2. User Interface & Experience
  3. Scroll Animations
  4. Smooth Scrolling

Unter-Tags erkunden

  • Animated Page-Top Scrolls1 Sub-TagSmooth scroll animations to the top of the page triggered by user interaction, with optional audio. **Distinct from Smooth Scrolling:** Distinct from Smooth Scrolling: specifically targets scrolling to the page top with optional audio, not general smooth scrolling.
  • Animation CancellationsMechanisms to immediately halt an active smooth scrolling transition. **Distinct from Smooth Scrolling:** Specifically about stopping a smooth scroll in progress, rather than general scroll-triggered effects.
  • Animation Lifecycle CallbacksHooks triggered at specific points of a smooth scroll animation's lifecycle. **Distinct from Smooth Scrolling:** Focuses on the start/end/cancel lifecycle of the animation rather than just the act of scrolling.
  • Frame-Synchronized Scroll LoopsSchedules visual animation updates on every frame to synchronize custom elements with native scroll offsets. **Distinct from Smooth Scrolling:** Distinct from smooth scrolling: specifically schedules updates frame by frame via requestAnimationFrame to keep custom thumbs aligned with native scroll.
  • Smooth Scroll Components1 Sub-TagUI components that abstract smooth viewport animation to target elements. **Distinct from Smooth Scrolling:** Focuses on the component-based wrapper for smooth scrolling rather than the general animation implementation.
  • Transit Duration ControlsSettings for controlling the time it takes to complete a smooth scroll transition. **Distinct from Smooth Scrolling:** Focuses on the duration and speed of the animation rather than the trigger or the fluid movement itself.