gsap-utils

Pure utility functions for math, value mapping, randomization, array handling, and unit parsing in GSAP animations.

greensock ↓ 34k
Claude Code
View source ↗

What it does

  • ✅ Use snap for grid-aligned or step-based values; use toArray when GSAP or your code needs a real array from a selector or NodeList.
  • ✅ Use gsap.utils.selector(scope) in components so selectors are scoped to a container or ref.
  • ❌ Assume mapRange / normalize handle units; they work on numbers. Use getUnit / unitize when units matter.
  • ❌ Override or rely on undocumented behavior; stick to the documented API.

Requirements & configuration

  • ✅ Use snap for grid-aligned or step-based values; use toArray when GSAP or your code needs a real array from a selector or NodeList.

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

Pure utility functions for math, value mapping, randomization, array handling, and unit parsing in GSAP animations.

Source

Repository: https://github.com/greensock/gsap-skills

gsap-utils FAQ

What does the gsap-utils skill do?

Official GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe. Use when the user asks about gsap.utils, clamp, mapRange, random, snap, toArray, wrap, or helper utilities in GSAP. ✅ Use snap for grid-aligned or step-based values; use toArray when GSAP or your code needs a real array from a selector or NodeList. ✅ Use gsap.utils.selector(scope) in components so selectors are scoped to a container or ref.

What does gsap-utils require?

✅ Use snap for grid-aligned or step-based values; use toArray when GSAP or your code needs a real array from a selector or NodeList.

How do I install gsap-utils?

Run: npx -y skills add https://github.com/greensock/gsap-skills --skill gsap-utils --agent claude-code — the source lives at github.com/greensock/gsap-skills.

Maintain gsap-utils?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

gsap-utils on getagentictools
[![gsap-utils on getagentictools](https://getagentictools.com/badge/skills/greensock-gsap-skills-gsap-utils.svg)](https://getagentictools.com/skills/greensock-gsap-skills-gsap-utils?ref=badge)
npx agentictools info skills/greensock-gsap-skills-gsap-utils

The second line is the CLI lookup for this page — handy in READMEs and docs.