LogoClawIndex
CasesSkillsAbout
LogoClawIndex

gsap-core - Create and control core GSAP animations

Create and control GSAP tweens for JavaScript, DOM, SVG, responsive, and reduced-motion animations.

Tags

Updated: 2026-09-29
GSAPJavaScriptanimationtweeneasingstaggerDOMSVGresponsive animationreduced motion

Capabilities

Create GSAP tweensAnimate DOM and SVGApply easing functionsStagger multiple targets

Typical Inputs

JavaScript applicationDOM or SVG targetsAnimation properties

Typical Outputs

Animated DOM or SVG propertiesTween instancesUpdated animation state

What this skill does

  • Create GSAP tweens
  • Animate DOM and SVG
  • Apply easing functions
  • Stagger multiple targets
  • Set animation defaults
  • Control responsive animations
  • Respect reduced motion

Inputs

  • JavaScript application
  • DOM or SVG targets
  • Animation properties
  • Duration and delay values
  • Easing configuration
  • Stagger configuration
  • Media query conditions

Outputs

  • Animated DOM or SVG properties
  • Tween instances
  • Updated animation state
  • Responsive animation behavior

Requirements

  • JavaScript runtime
  • GSAP core library
  • Media query support for matchMedia

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.