Installation.

Annnimate components are built on GSAP. Install GSAP, then copy any component. That's the whole setup.

GSAP is free, including every plugin.

As of 2026 the full GSAP toolset - ScrollTrigger, SplitText, MorphSVG, all of it - is free with a single install. You don't need a Club GreenSock membership, and there are no separate plugin packages.

Setup

Install GSAP

Pick your stack. The choice sticks across the docs.

Install GSAP and the official React helper, then register the plugins a component uses.

Terminal

component.jsx

Plugins are sub-imports of gsap, not separate npm packages. Import them as gsap/ScrollTrigger and register before use.

NextQuick startCopy your first component end to end.NextCustomizing a componentTune timing, easing, and triggers with attributes.