Covers all the major GSAP plugins beyond ScrollTrigger and core tweening. Handles registration patterns, ScrollToPlugin for programmatic scrolling, Flip for layout state animations, Draggable for interactive elements, and text plugins like SplitText for character-by-character animations. The registration examples are solid since forgetting gsap.registerPlugin() trips up most developers. SplitText documentation is thorough with the newer onSplit callback patterns. Missing some of the premium plugin details, but covers the essential APIs you'll actually use. Good reference when you need to implement drag interactions, smooth scrolling, or animated text reveals without digging through GSAP docs.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
12
skills.sh installs
76.3K
GitHub stars
18.2K
last updated
Aug 21, 2026

Install

$ npx -y skills add greensock/gsap-skills --skill gsap-plugins --agent claude-code

Installs into .claude/skills of the current project.

Files

GSAP Plugins

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.).

Sponsors

Details

Repository
github.com/greensock/gsap-skills
Categories
Game Development, PHP & Laravel

More from greensock/gsap-skills

All 8
1heygen-com avatarthreeheygen-com/hyperframesThree.js and WebGL adapter patterns for HyperFrames. Use when creating deterministic Three.js scenes, WebGL canvas layers, AnimationMixer timelines, camera moti69.3Kskills.sh installs
2pbakaus avataroverdrivepbakaus/impeccablePushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use wh62.8Kskills.sh installs
3cloudai-x avatarthreejs-materialscloudai-x/threejs-skillsThree.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optim18.8Kskills.sh installs
4madteacher avatarflutter-animationsmadteacher/mad-agents-skillsAdd, fix, refactor, debug, test, or explain Flutter animations and motion effects. Use when working with implicit animations such as AnimatedContainer, Animated15.5Kskills.sh installs
5sfkislev avatarfluesfkislev/flueAgent control for desktop software including Photoshop, Premiere, Blender, Unity, Excel, and 10+ other applications.12.6Kskills.sh installs
6earthtojake avatarsdfearthtojake/text-to-cadSDFormat/SDF model and world generation, validation, and simulator handoff. Use for `.sdf` files, SDFormat XML, Python `gen_sdf()` sources, models, worlds, link11.5Kskills.sh installs