}

Website preloader with the new Webflow GSAP events feature

Level:
Preview result
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Icon für einen externen Link
Open and clone in Webflow Designer
Icon für einen externen Link

How you can create a completely custom loading animation with the new GSAP timeline in Webflow via an event trigger and fire it in custom JS code. My experiences and learnings using our Michael Bay website as an example.

Read the full episode here: Webflow Challenge Winning Deep Dive Project

chapters

00:00:18 Introduction to Preloader
00:00:33 challenges with animation logic
00:00:50 User-defined JS events and control
00:01:54 Integration with Webflow and GSAP