Gsap Plugins

This is the official GSAP plugins skill covering everything beyond core tweens: Flip for layout transitions, Draggable for interactive elements, SplitText for character-by-character animations, MorphSVG for shape morphing, and a dozen others. It's worth noting that all GSAP plugins are now free after Webflow's acquisition, no membership or auth tokens needed, everything ships in the public npm package. The skill handles registration patterns, covers config options for each plugin, and clarifies when to use ScrollToPlugin versus ScrollTrigger. If you're building anything interactive with GSAP beyond basic tweens, you'll need this alongside the core skill.

skills.sh installs: 2.3K
GitHub stars: 106.9K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add nexu-io/open-design --skill gsap-plugins --agent claude-code

Installs into .claude/skills of the current project.

Files

GSAP Plugins

Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills

When to Use This Skill

Apply when using or reviewing code that uses GSAP plugins: registering plugins, scroll-to, flip/FLIP animations, draggable elements, SVG (DrawSVG, MorphSVG, MotionPath), text (SplitText, ScrambleText), physics, easing plugins (CustomEase, EasePack, CustomWiggle, CustomBounce), or GSDevTools. ScrollTrigger has its own skill (gsap-scrolltrigger).

Related skills: For core tweens use gsap-core; for ScrollTrigger use gsap-scrolltrigger; for React use gsap-react.

Licensing & Install (important)

Every GSAP plugin is free, including for commercial use. Since Webflow's acquisition of GSAP, Club GSAP is no longer a paid tier and no plugin requires a membership, license key, or auth token — this includes formerly Club-only plugins (SplitText, MorphSVG, etc.).

SKILL.md on GitHub