Animations on scroll are considered one of the most exciting animation types on websites. As web designers, one of the most important goals that we want to achieve when building a website is to convince visitors to scroll down and stay on our website as long as possible, and here when animations on scroll come in handy because this type of animations links the interest of seeing the movements with the number of scrolls the visitors make which at the end means more scrolls by the users and more engagement time.
We know that getting inspiration for this type of animation is challenging, so we collected these websites that the world’s top designers made to help you get the inspiration you’re looking for. So let’s get you inspired
1. D.E Café
By Junction from The Netherlands.
Tags:
Apache GSAP Animation jQuery Locomotive Scroll PHP Wordpress Gallery Microinteractions Responsive Design Scrolling Transitions
2. Green Room
By Michael Vestergaard from Denmark.
Tags:
Apache GSAP Animation Three.js Filters and Effects Horizontal Layout Infinite Scroll Microinteractions Typography UI design
3. I Killed A Cactus
By Mallard & Claret from The UK.
Tags:
Anime.js jQuery Lottie Webflow 404 pages Animation Header Design Scrolling Single page Storytelling
4. Exonetik
By LEEROY from Canada.
Tags:
Apache GSAP Animation Vue.js Webpack Animation Parallax Scrolling Transitions UI design
5. RedCollar Font
By Red Collar from The USA.
Tags:
GLSL GSAP Animation Nginx Three.js WebGL Animation Filters and Effects Interaction Design Typography
6. SAFE security
By Cuberto from The USA.
Tags:
Canvas API Contentful CSS Google Font API GSAP Animation HTML5 jQuery 3D Animation Scrolling UI design
7. e-Money
By Bürocratik from Portugal.
Tags:
GSAP Animation Lottie Next.js PWA Vue.js Webpack 3D 404 pages Colorful Header Design Typography
8. Wyre
By Studio Freight from The USA.
Tags:
Contentful GSAP Animation Next.js Node.js Preact PWA React Vercel Webpack 3D Animation Typography
9. Tilton
By lg2 from Canada.
Tags:
Apache Craft CMS GSAP Animation Javascript PHP PWA Webpack Animation Clean Header Design Parallax Scrolling UI design
10. Branded
By 14islands from Sweden.
Tags:
Framer Motion Hammer.JS Lottie Netlify Next.js Node.js Prismic PWA React Vercel Webpack Animation Clean Responsive Design Storytelling Web & Interactive