Об этом Skill
Build web animations with official GSAP guidance for tweens, timelines, ScrollTrigger, plugins and framework cleanup.
Почему мы его выбрали
A single repository groups related tasks; the members below link to their individual upstream entrypoints. Follow the upstream setup and each task’s dependencies.
Навыки в этой коллекции
8 навыков- Открыть →
GSAP Core
Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion).
- Открыть →
GSAP Frameworks
Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount.
- Открыть →
GSAP Performance
Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching.
- Открыть →
GSAP Plugins
Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools.
- Открыть →
GSAP React
Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup.
- Открыть →
GSAP Scrolltrigger
Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers.
- Открыть →
GSAP Timeline
Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback.
- Открыть →
GSAP Utils
Official GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe.
Перед использованием
- GSAP in the target web project and the relevant framework/plugin dependencies. These workflows produce browser animations.
Поддерживаемые агенты
Источники и материалы
Ссылки на оригинальные материалы приведены ниже. Практические идеи предложены редакцией SkillHey.
