LogoClawIndex
CasesSkillsAbout
LogoClawIndex

gsap-scrolltrigger - Create GSAP and ScrollTrigger web animations

Create GSAP animations and ScrollTrigger interactions for timelines, scrolling, pinning, parallax, and DOM or graphics elements.

Tags

Updated: 2026-10-03
GSAPScrollTriggerJavaScript animationscroll animationweb animationparallaxReact animationThree.js

Capabilities

Create GSAP tweensSequence animations with timelinesConfigure scroll-triggered animationsPin elements during scrolling

Typical Inputs

Animation targetsScroll positionsTimeline timing

Typical Outputs

GSAP animation codeScroll-driven interactionsPinned and horizontal sections

What this skill does

  • Create GSAP tweens
  • Sequence animations with timelines
  • Configure scroll-triggered animations
  • Pin elements during scrolling
  • Sync animations with scrolling
  • Build parallax effects
  • Animate Three.js scenes
  • Integrate with React
  • Integrate smooth scrolling
  • Batch and stagger elements

Inputs

  • Animation targets
  • Scroll positions
  • Timeline timing
  • ScrollTrigger configuration
  • React refs and components
  • Three.js objects
  • Smooth-scroll containers

Outputs

  • GSAP animation code
  • Scroll-driven interactions
  • Pinned and horizontal sections
  • Sequenced animation timelines
  • Parallax effects
  • Animated Three.js properties

Requirements

  • JavaScript environment
  • GSAP library
  • ScrollTrigger plugin
  • Browser DOM and scrolling
  • React and @gsap/react for React integration
  • Three.js for Three.js integration
  • Locomotive Scroll for its integration

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.