Gsap Utils

A solid collection of GSAP's math and array helpers, straight from GreenSock's official skills repo. You'll reach for this when you need to clamp scroll values, map progress ranges to rotation degrees, snap draggable elements to a grid, or randomize stagger delays. The function-form pattern is clever: omit the last argument and most utils return a reusable function you can call repeatedly without reallocating (random is the exception, it uses a true flag). Distribute is the sleeper hit here, it handles complex value spreading across arrays or grids with easing curves, which saves you from writing gnarly index math by hand. Works anywhere in your animation pipeline, not just in tweens.

skills.sh installs: 2.2K
GitHub stars: 106.9K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add nexu-io/open-design --skill gsap-utils --agent claude-code

Installs into .claude/skills of the current project.

Files

gsap.utils

Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills

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