Tighten up GSAP animations
Hand over your GSAP code and get back a smoother, lighter version, with the heavy or janky bits explained in plain terms.
Here is my GSAP animation code from Webflow. Review it and optimise it.
I want:
- Smoother playback with no stutter, especially on scroll and on mobile.
- Anything heavy or inefficient pointed out, in plain English, with why it hurts.
- A cleaned-up version I can paste straight back into Webflow.
- Confirmation that the animation still looks and behaves the same as before.
<PASTE GSAP CODE HERE>Walkthrough
GSAP is the animation library most Webflow sites use for scroll effects, hover states, and motion. Written carelessly it can make a page stutter, drain battery on phones, or fire far more often than it needs to.
Paste in the code from your Webflow custom code area or page settings. Claude reviews it for the usual culprits: animations recalculating on every scroll tick, work happening that the eye never sees, properties that are expensive for the browser to animate, and effects that should be paused when off-screen.
You get back a tidier version to paste in, plus a short note on what was dragging performance down and why. The motion stays the same, the page just runs lighter. Best for sites that lean heavily on scroll and hover animation and have started to feel sluggish on mobile.