Uploaded January 2026 | Updated September 2026, 2 weeks ago
Think you need to be a developer to create those smooth, cinematic websites you see on Awwwards? Think again. Webflow expert Rafael Rabl shows you exactly how to build advanced animations, even if you've never written a line of code, by using GSAP.
FOLLOW ALONG:
Website preview π astra-agency-gsap.webflow.io/#our-tail
Clonable Webflow project π bit.ly/45s6b7I
FREE TRAINING: 3 Steps to Build a Thriving Web Design Career π bit.ly/3Tiua2G
Get ahead of the game by mastering Webflow with Flux Academy. Enroll in Flux Academyβs Webflow Masterclass π bit.ly/49ErGmR
CHAPTERS
00:52 Overview of project
1:28 Set up GSAP in Webflow
2:13 Build menu
9:00 Page load animations
19:00 Create scroll triggered animations
29:02 Build text reveal effects
34:00 Wipe animations
44:47 Footer fade-in
π± Find us on SOCIAL MEDIA
Flux Academy's Instagram π instagram.com/flux.academy
Flux Academy's TikTok π tiktok.com/@fluxacademy
Think you need to be a developer to create those smooth, cinematic websites you see on Awwwards? Think again. Webflow expert Rafael Rabl shows you exactly how to build advanced animations, even if you've never written a line of code, by using GSAP.
FOLLOW ALONG:
Website preview π astra-agency-gsap.webflow.io/#our-tail
Clonable Webflow project π bit.ly/45s6b7I
FREE TRAINING: 3 Steps to Build a Thriving Web Design Career π bit.ly/3Tiua2G
Get ahead of the game by mastering Webflow with Flux Academy. Enroll in Flux Academyβs Webflow Masterclass π bit.ly/49ErGmR
CHAPTERS
00:52 Overview of project
1:28 Set up GSAP in Webflow
2:13 Build menu
9:00 Page load animations
19:00 Create scroll triggered animations
29:02 Build text reveal effects
34:00 Wipe animations
44:47 Footer fade-in
π± Find us on SOCIAL MEDIA
Flux Academy's Instagram π instagram.com/flux.academy
Flux Academy's TikTok π tiktok.com/@fluxacademy
