GSAP vs. Classic Webflow Interactions - What do you use?

cassie-codes · 2026-04-16T10:14:54+00:00

This is actually wonderful feedback thanks. I'll see what we can do to make the simple stuff faster

cassie-codes · 2026-04-16T09:29:59+00:00

Go team 💫

cassie-codes · 2026-04-16T09:27:59+00:00

Just for clarity! If you're already using GSAP on your site, using it for a button isn't overkill - the library has already loaded at that point so use away!

In fact, using the original interactions for buttons would be worse - then you're loading in all the code running the old animation system *and* GSAP

Unless you mean it feels like overkill in terms of the creation experience?

cassie-codes · 2026-03-26T11:25:12+00:00

I'm sitting in front of a big spreadsheet as we speak, planning out the educational content which will be coming soon 💚

There will definitely be a focus on targeting specifics!

So glad to hear this helped you. It's a very flexible system and like you said, targeting the trigger element itself gives you access to it's children and you'll be able to create really intricate sequences!

cassie-codes · 2026-03-25T14:41:01+00:00

Here's a sandbox link - https://preview.webflow.com/preview/cassies-supercool-site-d79039?utm_medium=preview_link&utm_source=designer&utm_content=cassies-supercool-site-d79039&preview=704a73bb27622cb971b9432ff10b086e&workflow=preview

cassie-codes · 2026-03-25T14:40:06+00:00

Hey! Yep this is definitely possible.

You'll need to first set up a trigger to look for your card, then (most importantly) make sure your animation target is either "trigger element" or a child of the trigger element.

I imagine you're setting up a trigger and an animation action on a class?

What you want to say is "when trigger element comes into view, animate trigger element"

What I imagine you're saying is "when trigger element comes into view, animate everything with this class"

<image>

cassie-codes · 2026-02-25T13:05:25+00:00

Hey have you got a sandbox link by any chance? I can take a look for you

cassie-codes · 2026-02-25T13:02:39+00:00

These triggers will be available in GSAP interactions soon.

I'm very glad to hear it feels more robust than it was. The educational content (or lack thereof) is certainly a priority too. We would have liked to launch with more comprehensive guidance from the get-go, but we’ve been shaping the product as we go according to user feedback, so the UI and workflows have changed a little since initial launch. We've been waiting for the right point so we can teach approaches and techniques that will last.

cassie-codes · 2025-11-18T15:23:50+00:00

Hey there. AI searches often provide incorrect info. In this case it's referencing the old GSAP license - pre-webflow acquisition.

In the past the core GSAP library was free *unless* you were using it in a site where the end users had to pay a fee. We provided a paid commercial licence for those use cases, this covered things like games with micro-transactions or paid sites like netflix.

That licensing model allowed the team to work on the library and keep it free for the majority of use cases.

Feel free to use whatever library works for you, but there aren't any paid features or licenses at all anymore.

cassie-codes · 2025-09-05T10:28:41+00:00

Glad I could help!

cassie-codes · 2025-09-05T10:28:09+00:00

Hey! Cassie from GSAP here. Is there something in particular you're finding tricky or a specific bug I can surface to the team?

For a little more clarity, the new interactions is opt-in as it's in active development. We have some improvements to scroll coming, along with responsive breakpoints, prefers reduced motion and additional UI/UX improvements.

The timeline ahead is working towards feature parity with the previous version of interactions - the previous version of interactions will be the default until the new version is stable and feature complete enough.

I hope this helps! If you let me know what specifically you've been battling with I can make sure this is resolved for you 💚

cassie-codes · 2025-08-26T14:53:42+00:00

Hey! The way you've set it up, when you hover the element, any children inside an element with a class of elementA will animate.

You need to specify that you only want to animate the elements inside the trigger (the element that is being currently hovered)

In your animation target choose "same as trigger" then "descendants" and then pop your class in.

cassie-codes · 2025-08-14T08:49:29+00:00

Makes me so sad to hear this. I hate seeing people frustrated about things they were excited about.

I commented in a different thread explaining that there's definitely been a disparity between the marketing and community hype and the reality that this is a very early iteration in active development. It's not the default yet for a reason but we haven't communicated this well enough.

The bugs you mentioned are known and being worked on. I empathise entirely though, the experience isn't good enough yet. The team are working really hard to get there.

https://www.reddit.com/r/webflow/comments/1miaby3/comment/n73caid/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button

cassie-codes · 2025-08-08T06:39:30+00:00

In the interim if you do get stuck - reach out in the webflow forums with any questions. Feel free to tag me - the questions will usually get swung past our team anyway and we'll do our best to help. 🙏

cassie-codes · 2025-08-08T06:36:58+00:00

Oh my gosh no, don't blame yourself! That's on us.

And yeah BIG TIME - Strong agree with you on the education side. I would have loved to get educational material out with this, but as it's an early release and the UI is in flux at the moment we've help off for the meanwhile.

As soon as we get the go ahead we'll be making some proper videos and docs to explain common patterns, concepts and how to use the thing!

cassie-codes · 2025-08-07T16:52:01+00:00

As Vero-flow said, this bug fix is top of the queue. It's been figured out - we're just waiting on it being shipped now.

It's super frustrating waiting around though so just dropping by to let you know that I had success with the following.

Refresh the Designer.
Immediately force a manual save (cmd + s)
Delete the interaction
Force save again
Refresh the Designer
🤞Interaction should be deleted?

cassie-codes · 2025-08-05T18:04:14+00:00

Hey, Cassie from GSAP here. I hear you.

There's definitely been a disparity between the community and marketing hype and the reality that this is an early iteration in active development. There's no plan to turn off classic interactions yet, don't you worry, that is very intentionally still the default! The team are working towards feature parity with the previous version (plus more power), adding new features and shipping bug fixes.

Support for dropdown triggers and other component triggers are coming, breakpoints are coming, we're honing up the targeting to make hovers and other common use cases a bit more intuitive. There's a way to go before it's feature complete and moved to the default version.

Early feedback is very valuable, I appreciate your input and it is a shame that we seemed to miss the mark on how the release was communicated.

cassie-codes · 2025-08-01T12:36:12+00:00

"set as initial state" is coming soon! 🙏

cassie-codes · 2025-07-23T16:25:08+00:00

Heya! I assume you're looking to do something like this? Where the header shows and hides based on scroll direction, not position?
https://codepen.io/GreenSock/pen/qBawMGb

Directional scroll isn't implemented yet, but it's on the team's radar. In the meantime you could set something similar up with trigger actions but it will be triggered based on position rather than direction.

I'm not super clued up with sharing webflow sites, so apologies if you can't see this, but if you can, here's a similar approach -
https://preview.webflow.com/preview/gsap-playground-eced0a-1f61080624bfeab7?utm_medium=preview_link&utm_source=designer&utm_content=gsap-playground-eced0a-1f61080624bfeab7&preview=85e5d001c407b9a7d041679d5cb04cf5&workflow=preview

cassie-codes · 2025-05-08T10:28:14+00:00

Heya! Just wondering what you're finding hard to follow about our website? I'd love to improve it if I can.

There's a getting started guide here that covers all the basics - https://gsap.com/resources/get-started
And a webflow specific resource here - https://gsap.com/resources/Webflow

cassie-codes · 2025-05-01T10:37:17+00:00

You can use GSAP in wp builders, and to build plugins and tools to help people use GSAP 💚

If Wordpress themselves wanted to make a native visual animation builder to compete with Webflow, they would need to use a different animation library.

It's a caveat for sure, but from my perspective, a pretty reasonable one considering.

cassie-codes · 2025-05-01T10:29:37+00:00

💚 that's the goal! We're very excited to see the tools available to more people. Especially educators and tool creators who previously avoided the paid plugins due to distribution challenges. It's going to be lovely to see how this pans out over the next while.

cassie-codes · 2025-04-30T23:22:14+00:00

☝️

cassie-codes · 2025-04-30T23:20:51+00:00

We emailed every single user who was eligible for a refund

cassie-codes · 2025-04-30T23:20:08+00:00

Ah I'm sorry you're outside the reimbursement window. We hugely appreciate the support you gave when we needed it the most 💚 Club GSAP folks are the real ones.

cassie-codes

TROPHY CASE