Infinite Scaling Smooth Scroll Animation w/ Lenis and GSAP

site profile thumbnail

Description

Bureau DAM's hero section features a delightful infinite scaling smooth scroll animation that alternates between an SVG of it's name and portfolio carousel. In this video I'll show you how to create the same effect in Webflow with a little bit of Custom Code in Javascript. We'll leverage the power of Lenis Smooth Scroll with it's infinite scroll feature in addition to GSAP ScrollTrigger to tween our scale values and transform origins.
smoothscrolllenisgsapaward winning

Related Made in Webflow Projects