In this video, you’ll learn how to use AI to create smooth and stunning GSAP animations on Webflow, even if you’ve never written a line of code!
First, I used ChatGPT to generate GSAP animations and it did an amazing job, but it's a very slow and time consuming method.
Then I used Cursor AI, which is truly a great AI tool and works like magic for generating cool dynamic interactions and implementing them into your Webflow project in seconds.
FREE CLONEABLE (affiliate link):
https://try.webflow.com/dandy-site
• Try Webflow: https://try.webflow.com/b0wub7mtu06z
• Webbae GSAP course mentioned
/ 1200529
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!
#Webflow #WebDesign #WebDevelopment #gsap
Make sure to subscribe and hit the notification bell so you don’t miss any of the exciting Webflow related content.
Timestamps:
0:00 Intro
0:08 Introduction to GSAP
1:12 Install GSAP
2:55 Use of AI for GSAP
4:08 Using ChatGPT
5:57 Experience with ChatGPT
6:38 Setup cursor AI with Webflow
10:58 Creating Animation
14:03 Outro