The Symphony was created as a submission for the Webflow's “Future of the Web” Community Challenge. It's purpose is to showcase new GSAP powered Interactions on a timeline. We have made it to the finals and are very proud of this accomplishment. We decided to dig into the concept first — not only creating spatial interfaces but also crafting a compelling story that’s relatable to anyone. By utilizing sound, music, and instruments, we present the foundations of web design and real-time comparison of code and interactions through a timeline. While the classical piano represents the fundamentals, the drum machine shows how AI is opening new possibilities with just the click of a button. You are the composer. Webflow is the instrument. Play your symphony.

webflowchallenge,  gsap,  interactions,  webflowinteractions,  ix3,  animation,  gsapanimation,  gsapscrolltrigger,  gsaptextanimation,  gsapstagger,  gsaphover,  gsaptimeline,  gsapcloneable,  scrollanimation,  lumos,  lumosframework,  microinteraction,  interactive,  spline,  motiondesign,  sound,  soundeffects,  storytelling,  cloneable,  madeinwebflow,  interactions with gsap