Skip to main content

Webflow's GSAP interactions can now animate design variables

By Steven Van ·

Variable binding also extends to custom animations, Lottie, Spline, and set actions, with multiple variables animatable in one interaction.

Interactions powered by GSAP now support animating variables directly, so the design tokens used for styling can also drive motion instead of relying on hardcoded values. Webflow has also added variable binding across other preset actions, including custom animations, set actions, Lottie, and Spline, and a single interaction can now animate multiple variables at once for coordinating more complex effects. The update is available now.

Webflow
Webflow
Build professional websites visually — no code required, with CMS, interactions, and hosting built in.
View Webflow →

Read the original announcement →

Read Webflow's GSAP interactions can now animate design variables on Creators Toolbox