What problem does it solve? Developers using GSAP plugins often struggle with correct plugin registration, outdated licensing assumptions, and the specific configuration options of plugins like ScrollToPlugin, Flip, Draggable, SplitText, MorphSVG, and DrawSVG. This Skill provides accurate, up-to-date guidance for using every GSAP plugin correctly in JavaScript and React projects. ## Core Features & Use Cases - Plugin Registration & Licensing: Ensures every plugin is registered with gsap.registerPlugin() before use and clarifies that all plugins are free via the public gsap npm package, with no Club GSAP tokens or private registries needed. - Scroll, DOM & Text Plugins: Covers ScrollToPlugin, ScrollSmoother, Flip layout transitions, Draggable with Inertia momentum, Observer gestures, SplitText character/word/line splitting with autoSplit, and ScrambleText effects. - SVG, Easing & Physics: Guides DrawSVG stroke animation, MorphSVG shape morphing with shapeIndex tuning, MotionPath path-following, CustomEase, Physics2D, PhysicsProps, and GSDevTools debugging. - Use Case: When building a landing page that animates a headline word-by-word on load, morphs an SVG icon on hover, and lets users drag cards with momentum, this Skill supplies the correct imports, registration calls, and configuration tables for each plugin. ## Quick Start Ask the assistant to register the required GSAP plugins and write the animation code for your target effect, such as splitting a heading into words with SplitText or dragging an element with inertia.
