Struggling GSAP Workflow in Webflow

Design help General
1

Hey there,

My workflow with GSAP in Webflow has been a bit of a struggle, and I’d love to hear how you handle animations here.:folded_hands: :light_blue_heart:

Here’s what I usually do:

  1. Write some animation on CodePen so I can see the live effect and use the console to check for errors. // Using external AI chat to help, but it’s really time-consuming with copy-pasting and debugging.

  2. Copy and paste the code into Webflow’s Custom Code. If I’m lucky, it works, usually doesnt :sweat_smile: .

  3. Publish to check for errors. // This is the main struggle. Webflow doesn’t show the console in Designer mode as I know, so have to debug in console every time I publish.

I’d really love to hear you animation workflow in Webflow and make it smoother. :light_blue_heart: :innocent: