GSAP ScrollTrigger Kit
When to use: Building scroll-driven experiences: hero sections that scrub with scroll, pinned storytelling panels, parallax effects, and scroll-triggered reveals.
npx skills add gsap-scrolltrigger-kitgit clone https://github.com/skillhub-community/gsap-scrolltrigger-kit.gitDescription
A dedicated ScrollTrigger toolkit for scroll-linked animations. Core patterns: scroll-triggered reveals (elements animate in as they enter the viewport), scrub animations (animation progress tied to scroll position for buttery parallax and progress bars), pinned sections (content pins for the duration of a scroll journey, enabling the classic 'scroll storytelling' effect), and batch triggers for animating large groups of elements efficiently.
Includes a ScrollSmoother integration for silky-smooth scrolling with native scrollbar, container-scroll support for scrollable divs (not just the window), and the start/end position system (top top, center center, etc.) with an interactive debug utility. Provides React hooks (useScrollTrigger) that auto-register, refresh, and clean up — plus ScrollTrigger.refresh() guidance for layout shifts after images load or fonts swap.
AI Hub
Need a model endpoint?
AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.
Open AI Hub