Website interactions and animations

More motion.

Less friction.

Design with precision

Create sequential interactions with an intuitive horizontal timeline and granular control over every detail.

Accelerate time-to-animation

Quickly build interactions visually, and reuse them site-wide to minimize redundant work.

Deliver seamless results

Enjoy smooth, reliable performance on every browser — powered by GSAP, the web’s favorite animation library.

How it works

Create multi-step interactions to fuel site engagement and leave a lasting impression on your audience.

Select

Choose what to animate by selecting an element on the canvas or using HTML attributes and CSS selectors. Trigger animations using common events like page load, click, scroll, and hover.

Animate

Bring your vision to life with a wide array of features, including GSAP favorites like SplitText, Staggers, and ScrollTrigger.

Perfect

Scroll, scrub, zoom, and pan through your interactions on a horizontal timeline to make sure every animation feels just right.

Reuse

Save your favorite interactions as presets, and reuse them sitewide to save time and maintain design consistency across your site.

←

→

Joseph Berry

Founder of JB Studio and SkinGame Media

“Right out of the box, this latest version of Webflow Interactions is a total game-changer [...] allowing us to focus on delivering next-level animations for our clients faster and more creatively.”

Read their story

→

Riziki Nielson

Senior Digital Designer at Kvalifik

“I love how you can preview your animations on a highly visual timeline, without having to publish your site first. This instant feedback means that [...] it’s easier than ever to tweak animations to get them just right.”

Read their story

→

Thomas Bosc

Lead Webflow Developer

“Integrating GSAP directly in Webflow is a revolutionary leap that feels like a cheat code: the GSAP ecosystem is just one click away, in a delightful visual and code-free interface. I can […] spin up reusable interactions that power hundreds of pages in an instant.”

Read their story

→

Integrate your favorite animation formats

Easily add animations built with popular design tools like Lottie, Spline, and Rive using Webflow Classic Interactions.*

Lottie + After Effects

Configure Lottie and After Effects animations in Webflow’s visual canvas.

Spline

Style and animate 3D scenes from Spline like any other element.

Rive

Embed animations from Rive and adjust them with dedicated Rive settings.

*These integrations are currently only available with Classic Webflow Interactions, the previous version of Interactions. Support in the newest version of Interactions powered by GSAP is coming soon.