8 skills
GSAP Core is the base animation engine for the GreenSock Animation Platform. It provides gsap.to(), gsap.from(), gsap.fromTo(), and gsap.set() for animating DOM elements, SVG, and CSS properties in an
Handles GSAP animation setup and teardown for Vue, Nuxt, Svelte, and SvelteKit. Covers component lifecycle integration: creating tweens after mount, scoping selectors to the component root, and cleani
Guides GSAP animation optimization for consistent 60fps output. Covers which CSS properties to animate (transforms and opacity), how to avoid layout thrashing, and when to use tools like gsap.quickTo(
A collection of GSAP plugins covering scroll animation, layout transitions, drag interactions, SVG drawing and morphing, text splitting, physics, and custom easing. Plugins must be registered with gsa
Covers GSAP animation setup in React and Next.js using the useGSAP hook, gsap.context(), and ref-based targeting. Handles cleanup on unmount, scoped selectors, context-safe callbacks, and SSR safety.
ScrollTrigger is a GSAP plugin that links animations to scroll position. It handles triggering tweens and timelines on scroll, pinning elements in place, scrubbing animation progress to scroll distanc
GSAP Timeline is a sequencing layer on top of GSAP that lets you coordinate multiple tweens in order, in parallel, or at precise offsets using a position parameter. You can nest timelines, add named l
gsap.utils is a collection of math and collection helpers built into GSAP. It covers clamping, range mapping, normalization, interpolation, random values, snapping, wrapping, array conversion, and fun
