Gsap Utils

Official GSAP utility functions for math operations, value mapping, and array manipulation in animations. Covers clamp, mapRange, normalize, interpolate, random, snap, distribute, and other gsap.utils helpers with their function-form patterns (omit the last parameter to get a reusable function). Essential when you're mapping scroll position to animation values, randomizing properties across multiple elements, snapping to grids, or distributing values with custom easing. The distribute function alone saves tons of boilerplate for complex staggers. Works seamlessly with ScrollTrigger callbacks and function-based tween values where you need consistent mathematical transformations.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 5
skills.sh installs: 73.9K
GitHub stars: 18.2K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add greensock/gsap-skills --skill gsap-utils --agent claude-code

Installs into .claude/skills of the current project.

Files

gsap.utils

When to Use This Skill

Apply when writing or reviewing code that uses gsap.utils for math, array/collection handling, unit parsing, or value mapping in animations (e.g. mapping scroll to a value, randomizing, snapping to a grid, or normalizing inputs).

Related skills: Use with gsap-core, gsap-timeline, and gsap-scrolltrigger when building animations; CustomEase and other easing utilities are in gsap-plugins.

Overview

gsap.utils provides pure helpers; no need to register. Use in tween vars (e.g. function-based values), in ScrollTrigger or Observer callbacks, or in any JS that drives GSAP. All are on gsap.utils (e.g. gsap.utils.clamp()).

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly