Moussa Re-creation

Undertook a technical challenge to reverse-engineer and rebuild a complex scroll-based animation from scratch. The goal was to deepen my understanding of the GreenSock Animation Platform (GSAP) and its integration with Webflow.

• Reverse Engineering: Deconstructed an existing high-fidelity animation to understand the underlying logic, DOM structure, and timing functions. Custom Implementation: Wrote custom JavaScript to connect Webflow's native structure with GSAP’s ScrollTrigger API, managing complex timelines and state changes.
• Outcome: Successfully recreated a pixel-perfect clone of the target animation, demonstrating proficiency in manipulating the DOM and handling advanced scroll interactions outside of Webflow's native interactions tool.

‍

Main Link - https://moussa-scrolltrigger-by-adi.webflow.io