gsap-utils

Use gsap.utils.mapRange to convert one range into another, such as mapRange(0, 1, 0, 360, progress) to turn scroll progress into degrees. Omit the value argument to get a reusable function you can call repeatedly in scroll handlers.

Use gsap.utils.random(min, max) for a random number, or the string form "random(-100, 100)" directly in tween vars so GSAP evaluates it per target. Pass true as the last argument to get a reusable random function.

clamp returns a value when you pass all three arguments, and returns a reusable function when you omit the value argument. The same pattern applies to mapRange, normalize, snap, wrap, and interpolate, but random uses true as the last argument instead.

Yes, use gsap.utils.snap(increment, value) to snap a number to the nearest multiple, or pass an array of allowed values. In tweens, use the snap property like { x: 200, snap: { x: 20 } } for grid-aligned movement.

Use gsap.utils.selector(scope) with a DOM element or React ref to get a scoped selector function. Queries like q(".box") then only match descendants of that container, preventing selectors from hitting the whole document.

mapRange and normalize operate only on plain numbers and do not handle units like px or percent. Use getUnit to read a unit string and unitize to append units when building CSS values.