GSAP
Anime.js
p5.js
Pixi.js
Three.js
Lottie by Airbnb
Mixeek
Sencha Animator
ScrollMagic
WOW.js
Lax.js
ScrollReveal
Unheap
3D Parallax Editor by Webydo
Modelo
Anime.js
GSAP ScrollMagicBased on our record, GSAP should be more popular than ScrollMagic. It has been mentiond 72 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
This direct manipulation allows you to leverage robust animation libraries like GSAP or Anime.js, which require direct DOM access to perform optimally. - Source: dev.to / 8 days ago
I've been looking for a small project to do that would let me play with Greensock (GSAP), specifically a bit with some SVG files I generated with Corel Vector. When I saw the frontend challenge and had an afternoon at work with downtime between a few projects, I knew it'd be a great opportunity to explore a bit! - Source: dev.to / about 1 month ago
Https://pixijs.com/ and https://gsap.com/. All of the source code for my posts can be found at https://github.com/samwho/visualisations :). - Source: Hacker News / 3 months ago
The GreenSock Animation Platform (GSAP) is a web animation library that provides the logic for adding animation to any site powered by JavaScript. React, being built on top of JavaScript, falls under this category. GSAP is an extremely fun animation tool to use because it offers a great deal of flexibility, you can animate anything using GSAP — texts, images, scroll actions, SVGs, UI interactions, anything! - Source: dev.to / 4 months ago
You can add any animation to any web site. You can use a library like https://greensock.com/gsap/ which seems to be the standard these days. Source: 8 months ago
Several libraries and frameworks can help with this task, such as ScrollTrigger, ScrollMagic, Framer Motion, and the good ol’ Intersection Observer API. These tools provide more options and flexibility to create complex and interactive scroll-driven animations with ease. - Source: dev.to / 5 months ago
By checking their source code, it looks like they're using DrawSvgPlugin for the SVG animations and ScrollMagic for the animations when scrolling. I'd start by checking these two libraries. Source: 10 months ago
One library is called https://scrollmagic.io/ but you'll find plenty of tutorials and videos that implement this kind of scrolling. Source: about 1 year ago
ScrollMagic (there's a scrollMagic port for react too). These libraries take advantage of the intersection observer API (a standard built-in js web api). You may also be interested in the scroll event. Source: over 1 year ago
I haven't seen any themes that look like this sadly, but I've done similar stuff using https://scrollmagic.io/. Source: over 1 year ago
Anime.js - Lightweight JavaScript animation library
WOW.js - Animate elements on-scroll to catch attention. Such Magic.
p5.js - JS library for creating graphic and interactive experiences
Lax.js - Create beautiful & smooth animations when you scroll
Pixi.js - Fast lightweight 2D library that works across all devices
ScrollReveal - ScrollReveal is a tool to add scroll animations for web and mobile browsers.