On-Scroll Pixelated Image Loading Effect is a captivating technique that combines pixelation and smooth scrolling to create an immersive user experience.
As users scroll down your website, images transform from pixelated blocks to clear, high-resolution visuals, captivating their attention and enticing them to explore further.
Textify.js is a simple library that works with scroll-base animations, and user can use any scrolling libraries likes locomotive-scroll, smoothscroll, etc.
ScrollyVideo.js is a responsive scrollable videos without obscure video encoding requirements. Compatible with React, Svelte, Vue, and plain HTML.
Lenis is an open-source library built to standardize scroll experiences and sauce up websites with butter-smooth navigation, all while using the platform and keeping it accessible.
Tutorial about to create a layout with some scroll animations and a view switch where the content item images animate to a grid.
Fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin.
Locomotive Scroll is a simple scroll library that provides smooth scrolling with support for parallax effects, toggling classes, and triggering event listeners when elements are in the viewport.
Scroll Loop Menu is a simple infinitely scrollable menu based on the looping scroll illusion of cloned items.
lax.js is a lightweight and simple vanilla javascript plugin to create beautiful and smooth animations when you scroll.
Scrollpup.js is a tiny javascript library to create responsive scroll progress bar.
Rallax.js is a Vanilla JS plugin that implements a dynamic parallax scrolling effect, without dependencies.
Sticky Navigation Menu with Smooth Scrolling is a basically a template with couple of features like that are invoked on scroll, shrink header, addition of drop shadow.
Smooth scroll feature is also added to logo(scroll top top) and smooth scroll to section on clicking menu item.
Sal.js (Scroll Animation Library) is a performance focused, lightweight scroll animation library, written in vanilla JavaScript. It's based on the Intersection Observer.
Lazyestload.js is a tiny javascript library to load images only when they are in the viewport (lazy load).
An article about how to create nifty physics-based background scroll effects for your web pages. Matter.js, an excellent open-source JavaScript framework is used to handle the physics.
