Smooth Scrolling & Animations with GSAP + Lenis - Stunning Scroll Animations: GSAP, Lenis & Split Text Guide

5.0 (0)

16 learners

What you'll learn

This course includes

3.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

gsap tutorial gsap animation web design lenis scroll smooth scroll lenis split text gsap gsap scrolltrigger css card design card hover animation front-end development creative coding javascript animation

Full Transcript

Learn how to build a stunning column layout with gliding cards using GSAP, Lenis Scroll, and Split Text. In this web design tutorial, we’ll dive deep into creative coding techniques to create smooth, high-performance scroll animations. You’ll discover GSAP ScrollTrigger secrets for precise control and how to implement Lenis for that buttery smooth scrolling experience on any website. Perfect for developers looking to master advanced GSAP animation and elevate their front-end development skills. In this video, you will learn: Setting up the HTML & CSS for card layouts Implementing Lenis Scroll for smooth effects Creating the gliding cards animation with GSAP Adding polish with Split Text animations Stunning Scroll Animations: GSAP, Lenis & Split Text Guide #gsap #lenis #smoothscroll #javascript #frontenddeveloper #webdesign #creativecoding #webdevelopment #css #html #coding #uiux #webanimation #programmer #webdesigner