15 repository-uri
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.
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.
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.
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.
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.
Această bibliotecă JavaScript de smooth scrolling este un utilitar frontend și un controller de mișcare a viewport-ului, conceput pentru a anima tranzițiile către link-uri ancoră. Aceasta interceptează click-urile standard pe link-uri pentru a înlocui salturile instantanee cu o mișcare fluidă către elementele țintă. Biblioteca oferă tipare de easing configurabile și controale de viteză pentru a gestiona accelerația și decelerarea. Include un mecanism pentru a anula imediat animațiile active și suportă declanșarea programatică a scroll-ului prin apeluri directe de funcții. Instrumentul gestionează offset-urile de poziționare pentru a preveni ascunderea conținutului țintă în spatele header-elor fixe și sincronizează bara de adrese a browserului în timpul tranzițiilor. De asemenea, dispune de un sistem de callback bazat pe evenimente care declanșează efecte secundare atunci când animațiile de scroll încep, se încheie sau sunt întrerupte.
Replaces native instant jumps to anchor links with fluid, animated transitions.
Twoway-view este o bibliotecă Java pentru dezvoltarea UI de liste Android concepută pentru a simplifica crearea de interfețe personalizate de liste și grile. Se concentrează pe reducerea codului boilerplate repetitiv atunci când se construiesc aranjamente complexe de elemente și layout-uri personalizate. Proiectul oferă instrumente pentru designul de layout manager personalizat și gestionarea layout-ului de secvență, permițând poziționarea structurală precisă a elementelor. Include mecanisme pentru simplificarea layout-ului listelor și randarea layout-urilor de interfață de utilizator personalizate. Biblioteca acoperă o gamă largă de capabilități de listă, incluzând gestionarea decorării elementelor pentru stilizarea vizuală, primitive de interacțiune pentru procesarea input-ului și urmărirea selecției, precum și utilitare de navigare pentru scroll animat către poziții specifice.
Allows moving the view to a specific item or offset using smooth animation to help users track location.
Swup este o bibliotecă de tranziție a paginilor și un încărcător de pagini AJAX conceput pentru a crea tranziții animate, fluide, între paginile site-urilor randate pe server. Funcționează ca un orchestrator de conținut DOM și manager de istoric al browserului, interceptând navigarea pentru a înlocui dinamic conținutul paginii și a simula o experiență de aplicație single-page. Proiectul se diferențiază printr-un sistem de ciclu de viață bazat pe hook-uri și o arhitectură de plugin-uri care permite injectarea de logică personalizată și efecte de animație. Suportă metode vizuale avansate, inclusiv morphing-ul conținutului DOM, randarea paralelă DOM pentru animații suprapuse și integrarea cu API-ul nativ al browserului View Transitions. Biblioteca acoperă o gamă largă de capabilități, inclusiv gestionarea navigării client-side, caching-ul paginilor bazat pe memorie și preîncărcarea paginilor în fundal pentru a optimiza performanța. De asemenea, oferă restaurarea completă a poziției de scroll, optimizări de accesibilitate pentru cititoarele de ecran și instrumente pentru sincronizarea metadatelor head-ului documentului și execuția scripturilor în timpul tranzițiilor.
Resets scroll position after navigation while supporting anchor links to maintain standard browser behavior.
react-scroll este o bibliotecă pentru gestionarea comportamentului de scroll fluid și imediat între elementele paginii în aplicațiile React. Aceasta funcționează ca un controller de scroll DOM, oferind un API declarativ și un set de componente pentru a anima viewport-ul către elemente țintă specifice. Biblioteca permite scroll-ul personalizat prin permiterea viewport-ului să se deplaseze către elementele țintă fie prin salturi instantanee, fie prin tranziții animate. Oferă un sistem pentru integrarea acestei logici de scroll în componente personalizate folosind mixin-uri pentru a defini declanșatoare și ținte de mișcare specifice. Proiectul acoperă navigarea în viewport și tranzițiile de focus în layout-urile aplicațiilor de tip single-page, legând acțiunile utilizatorului din componentele React de poziții specifice în cadrul paginii.
Employs requestAnimationFrame to create fluid, smooth glide effects during viewport transitions.
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.
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.
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.
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.
Acest proiect este un template de site web de portofoliu responsive conceput pentru a prezenta informații profesionale de background și abilități. Oferă un layout structurat care se adaptează automat la diverse dimensiuni de ecran, asigurând o experiență de vizualizare consistentă pe dispozitive mobile, tablete și desktop-uri. Template-ul se distinge printr-o arhitectură de design mobile-first care prioritizează performanța pe ecrane mici înainte de a scala conținutul pentru ecrane mai mari. Include o componentă integrată de schimbare a temei care permite utilizatorilor să comute între schemele de culori light și dark, precum și o funcție de navigare cu scroll fluid care animează tranzițiile între diferite secțiuni ale paginii. Codebase-ul utilizează variabile CSS pentru gestionarea temelor și se bazează pe media queries pentru a gestiona ajustările de layout. Preferințele utilizatorului, cum ar fi selecția temei, sunt gestionate prin toggle-uri de clasă pe corpul documentului și persistate folosind stocarea locală.
Provides fluid viewport transitions between page sections using native smooth scrolling APIs.
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.
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.