Animate variables using Interactions with GSAP

Last year, we launched Interactions powered by GSAP, bringing a more powerful animation workflow to Webflow. Today, we’re expanding those capabilities with support for variable animation and broader variable binding across actions.

Variables can now be animated directly in Interactions powered by GSAP. The same reusable design tokens used for styling can now drive animation too, helping users create more scalable and maintainable motion without hardcoded values.

We’ve also added variable binding support across preset actions in Interactions, including custom animations, set actions, Lottie, and Spline, giving more flexibility to keep animations tied to your design system across different animation workflows.

Users can animate multiple variables within a single interaction, making it easier to coordinate more complex effects while keeping animations aligned with the source of truth.

These updates are available now.

‍