Concepts category

Core concepts.

The GSAP fundamentals: tweens, gsap.to / from / fromTo, gsap.set, the vars object, callbacks, and gsap.utils.

CallbacksCallbacks are functions GSAP runs at fixed points in a tween or timeline's lifecycle: onStart when it begins, onUpdate on every frame it advances, onComplete when it finishes, and onReverseComplete when it finishes playing back to the start.gsap.delayedCall()gsap.delayedCall is a GSAP core method that runs a function once after a set number of seconds, like setTimeout, but on GSAP's own clock instead of the browser's.gsap.getProperty()gsap.getProperty is a GSAP core method that reads an element's current value for a given property, returning a real number instead of a CSS string so you can do math with it directly.gsap.registerEffect()gsap.registerEffect is a GSAP core method that packages an animation into a named, reusable recipe you call as gsap.effects.name(targets, config).gsap.set()gsap.set() is the GSAP method that applies properties to elements instantly, with no animation.gsap.tickergsap.ticker is GSAP's central requestAnimationFrame loop, the single heartbeat that drives every tween, timeline, and ScrollTrigger update on the page.gsap.to / gsap.from / gsap.fromTogsap.to, gsap.from, and gsap.fromTo are GSAP's three ways to create a tween, and they differ only in which end of the animation you describe.gsap.utilsgsap.utils is a set of helper functions built into GSAP core for the math that drives animation: clamp, mapRange, random, snap, interpolate, wrap, and toArray, among others.immediateRenderimmediateRender is a GSAP tween setting that controls whether a from or fromTo tween writes its starting values the moment the tween is created, or waits until playback begins.snapsnap is a GSAP helper that rounds a value to the nearest step in an increment or the nearest entry in an array of allowed values.