Animations on Scroll
Introducing the GSAP Animation Scroll Clonable Powered by TheSprkl.
GSAP is an incredibly robust JavaScript animation library tailored for professionals. Discover more about GSAP.
TheSprkl is a comprehensive design framework that includes an advanced design system, enabling seamless and precise translation of Figma interface designs into Webflow.
This free Clonable showcases the capabilities of Scroll animations and integration with TheSprkl.
We're excited for you to leverage this tool to achieve extraordinary outcomes for your next project.
Scroll animation #1
Sticky Block Grow
The code for this animation is placed before the </body> tag of the page. You also need to set up a structure as shown in the section below.
Scroll animation #2
Content Switch on Scroll
The code for this animation is located before the </body> tag on the page. Additionally, you need to establish a structure similar to the one in the section below, and apply a combo class .active for the Scroll Switch Media Item and Scroll Switch Content Item classes. This animation can also be utilized with CMS Collections. Images for Mobile Landscape and Mobile breakpoints are stored within the Scroll Switch Content Item and are hidden for Desktop and Tablet.
Design System
Everything from Figma, built in Webflow. No need to start from scratch.
800+ components
Enjoy an effortless workflow and a productivity boost in Webflow with TheSprkl Extension.
Templates
Save time with ready-to-go Webflow templates, inspired by the best marketing websites in the world.
TheSprkl Extension
Experience a seamless workflow and increased productivity in Webflow with TheSprkl Extension.
Scroll animation #3
Overlapping Section
The code for this animation is placed before the </body> tag of the page.
Explore Our Templates
Website Templates for rapid start of your online business. Get customization assistanse. Sweet perks included.
Go to the Store
Scroll animation #4
Cards Reveal on Scroll
This is a native While Scrolling in View Webflow animation with scroll trigger.
