Screenshot of the homepage for Dropbox Brand
Screenshot of the homepage for Walbi
Screenshot of the homepage for Streamtime
Screenshot of the homepage for TED Conferences
Screenshot of the homepage for Palmer Dinnerware
Screenshot of the homepage for Ledger
Screenshot of the homepage for Lattice
Screenshot of the homepage for Ese Agency
Screenshot of the homepage for Jasper AI
Screenshot of the homepage for Sonar
Screenshot of the homepage for Ross Dugas
Screenshot of the homepage for Aether 1
Screenshot of the homepage for Duracell

Advanced web animations are more achievable than ever

Design with precision

Fine-tune the details of every interaction in a horizontal timeline to bring your exact vision to life.

Animate faster

Do more in less time with a visual workflow that keeps things moving.

Deliver seamless results

Animate, launch, and scale confidently with smooth, consistent performance thanks to GSAP.

#MadeinWebflow

Motion isn’t just flair. It’s function.

It guides attention, tells stories, and drives results. Explore standout animations made by the Webflow community.

BYQ® Studio
The GSAP Field

Template

Interactions w/ GSAP

Template Supply
Noura

Template

Interactions w/ GSAP

Lucas Gusso headshot
Lucas Gusso
Kaleo

Template

Interactions w/ GSAP

Zoya Aqib Headshot
Zoya Aqib
Woodland Architects

Template

Interactions w/ GSAP

Osmo
Willem

Cloneable

Interactions w/ GSAP

Niccolò Miranda and Ilja van Eck
Sonar Music

Customer

GSAP

OFF+BRAND and Josh Jacobs
Jasper AI

Customer

GSAP

BASIC/DEPT®, Niccolò Miranda, and Ilja van Eck
Docusign

Customer

GSAP

The Blackpepper Studio and Nkenna Amadi
Sage East

Customer

GSAP

Joseph Berry
HF-11

Customer

GSAP

Set your site in motion

Design unique, expressive interactions visually — with the full power of GSAP — right within Webflow.

Designed for the detail-obsessed

Choose precisely what to animate by targeting ids, classes, custom attributes, and custom query selectors.

Build custom actions with total control over duration, ease, and CSS property changes.

Trigger actions with custom events using custom code.

Tailor interactions to breakpoints to ensure they look good on every device.

Adapt designs for reduced motion so sites are accessible to all users.

Get started

Build expressive animations that grab attention, bring your brand to life, and drive results.

Try Webflow today
Watch Demo video

Integrations and extensions

Easily add animations built with tools like After Effects, Lottie, Spline, and Rive.

Extend interactions with GSAP code and custom components.

See what top creators love about interactions

“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.”

Joseph Berry

Founder, JB Studio
“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.”

Riziki Nielson

Senior Digital Designer, Kvalifik
“Integrating GSAP directly in Webflow is 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.”

Thomas Bosc

Lead Webflow Developer, Lattice

All features

Build and Design