Reference GSAP core plugins and integration patterns for web animations.
npx skills add https://github.com/RSHVR/elite-web-design --skill elite-gsap
Please help me install this Agent Skill. Skill: elite-gsap Source: https://github.com/RSHVR/elite-web-design/tree/main/skills/elite-gsap Command: npx skills add https://github.com/RSHVR/elite-web-design --skill elite-gsap
GSAP is a powerful, widely used animation toolkit; this Skill provides a complete, organized reference with patterns to accelerate building complex, performant web animations.
Ask the AI to generate a minimal, end-to-end GSAP example using ScrollTrigger and SplitText to animate a hero section.
High-intent search queries and answers about installing and using this skill.
GSAP ScrollTrigger enables scroll-driven animations by tying animation playback to the scrollbar position. This reference provides production-ready patterns for parallax and reveals, including setup and performance considerations for smooth scrolling.
Yes, GSAP works with React, Vue, Svelte, and vanilla JavaScript. This reference provides framework integration notes and patterns to ensure proper timeline cleanup and performant complex animations across diverse project architectures.
GSAP SplitText splits text into characters, words, or lines for precise animation control. You can generate end-to-end hero section examples by combining SplitText with ScrollTrigger to create dynamic text reveal effects.
The GSAP Flip plugin animates layout transitions seamlessly, while MorphSVG transforms SVG paths between shapes. This reference covers practical usage guidelines for both plugins to execute complex state and vector animations.
Production-grade web animations require careful setup and performance optimization to prevent jank. This reference enforces usage guidelines and performance-conscious motion patterns necessary for maintaining high frame rates in complex timelines.
Parallax animations often stutter due to unoptimized scroll listeners or heavy DOM paints. This reference outlines performance-conscious motion patterns and ScrollTrigger setup guidelines necessary to achieve smooth, production-grade scroll effects.
woxiangyangzhimaoIntegrate GSAP animations into Vue and Svelte component lifecycles.
deomiarnImplement UI animations with Framer Motion, CSS, and scroll-triggered effects.
SayBGMCreate, optimize with SVGO, and animate SVG graphics using CSS and SMIL.
smithisrealdevDesign and implement web animations with Framer Motion and CSS.
