A decorative website background effect where SVG shapes are morphing and transforming on scroll.
The animations are powered by anime.js
It's open-source (MIT), free and easy to use.
Triggers classes on html elements based on the scroll position. It makes use of requestAnimationFrame so it doesn't jack the users scroll, that way the user / browser keeps their original scroll behaviour.
AOS is a small library that allows you to animate elements as you scroll down, and up.
If you scroll back to top, element will animate to it's previous state and is ready to animate again if you scroll down.
Material Scroll Animation is an animation concept for scroll animation in material design.
jQuery.scrollable manages animated scrolling in windows, scrollable elements and iframes. It frees you from handling gotchas and edge cases and offers convenient, flexible options for animation.
Scrollport.js is a new jQuery plugin for scrolling animation. Plugin can not only animate the scroll, but also to assign references by clicking on which to begin the animation.
Responsive 3D Fold Animation on scroll, very easy to use.
A tutorial about how to add an animations to your One Page Scroll plugin projects.
Here are some animations that used on this tutorial
Animated scrollTo is a a simple function for animating scroll.
scrollToBySpeed is a jQuery plugin for scrolling page to an element with speed instead of duration.
Pagescroll Menu is ajQuery plugin to create animated scroll menu.
Fixed Nav is a responsive, fixed and touch friendly one page navigation with animated scrolling.
ScrollMagic is a jQuery plugin which essentially lets you use the scrollbar like a progress bar.
ScrollStory is a jQuery UI widget for building simple, scroll-based pages and interactions.
Key features include: