Chapter 158: Helper Functions (Overview)

Core Idea

GSAP's "Helper Functions" page is a community-facing collection of small, ready-to-use utility functions (written by the GSAP team over the years) that solve common but non-trivial animation problems that aren't part of the core API itself.

Key Concepts

• Each helper is a standalone code snippet, not a plugin — you copy the function into your own project and call it directly.
• The individual helpers (seamless looping, debounced resize callbacks, FLIP-style repositioning, weighted eases, scroll-position lookups, and more) each get their own chapter in this skill (see Connects To / Topic Index) since each solves a distinct problem.
• Most helpers build on core GSAP or an official plugin (MotionPathPlugin, ScrollTrigger, SplitText) rather than replacing them.

Key Takeaways

1. Helper functions are copy-paste utilities, not something you registerPlugin().
2. When a specific animation problem feels awkward with plain GSAP, check the helper collection before writing a custom solution from scratch.
3. Several helpers exist specifically because a browser API is missing or inconsistent (e.g. iOS Safari overscroll behavior).

Connects To

• MotionPathPlugin: used by anchor/path-related helpers.
• ScrollTrigger: used by several scroll-position and pinning-aware helpers.
• SplitText: used by the text-splitting helpers.