gsap-plugins
GSAP motion · MIT
- What it does
How to register and use the plugins, and a licensing note that all of them are now free from the public gsap npm package with no membership or token. Covers ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, DrawSVG, MorphSVG, MotionPath and its helper, CustomEase, EasePack, CustomWiggle, CustomBounce, Physics2D, PhysicsProps, GSDevTools and Pixi. For video the useful ones are SplitText (lines, words, letters), DrawSVG (a stroke that draws itself), MorphSVG, MotionPath and CustomEase.
- Get it
npx skills add https://github.com/greensock/gsap-skills (installs all eight), or copy skills/gsap-plugins/ into your agent's skills folder. Pattern: import { SplitText } from 'gsap/SplitText'; gsap.registerPlugin(SplitText); const split = SplitText.create('h1', { type: 'words' }); gsap.from(split.words, { autoAlpha: 0, y: 40, stagger: 0.08 });
- Needs (the whole pack)
Nothing to read them. To run what they teach: the gsap package from npm, and @gsap/react for the React hook.
- License
MIT
- From