Create AWWWARDS-Winning Animations With GSAP & Lenis on Webflow
In this video, we'll dive into the making of an AWWWARDS-winning project on Webflow using GSAP and Lenis to power the animation making it very professional.
Timestamps:
00:00 - Intro
00:30 - Project Breakdown
01:00 - Front-end build
06:45 - Animation breakdown
07:32 - Adding GSAP
09:18 - Image scale animation
10:21 - Adding Lenis
11:36 - Final result
• Try Webflow: https://try.webflow.com/b0wub7mtu06z
49 North Amsterdam website:
https://www.49north.nl/
Code snippet:
https://affiliate.notion.so/smooth-sc...
Cloneable:
https://try.webflow.com/horizontal-aw...
Learn Webflow with Yar:
• Website: https://yar.website
• Webflow Partner Page: https://webflow.com/yar
Other Resources:
• Screen Studio: https://screenstudio.lemonsqueezy.com?aff=LLLL7
Let's Connect:
• LinkedIn: / yaroshidi
• Twitter: https://x.com/yaroshidi
Questions? Drop them in the comments below!
Make sure to subscribe and hit the notification bell so you don’t miss any of the exciting content coming over the next 100 days.