TL;DR

GreenSock Animation Platform の略。Web 向けの JavaScript アニメーションライブラリで、JavaScript から操作できるものならほぼ何でも動かせる。現在は Webflow の製品で、誰でも無料で使える。

仕組み

コアの機能で、UI、SVG、WebGL などをアニメーションさせる。多くのイージングが最初から使え、独自のカーブも作れる。複数のアニメーションを並べて順番に再生したり、まとめて制御したりできる。

機能はプラグインで足す。スクロールに連動させる ScrollTrigger、SVG の線を描く DrawSVG、形を変形させる MorphSVG、レイアウトの変化を滑らかにつなぐ Flip、ドラッグ操作の Draggable、テキストを分割して動かす SplitText などがある。React 向けには useGSAP フックが公式に用意されている。

出典