LogoClawIndex
CasesSkillsAbout
LogoClawIndex

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.

gsap-core - Animate DOM and SVG with GSAP Core

Creates and controls GSAP core tweens with easing, duration, stagger, defaults, responsive matching, and reduced-motion support.

Tags

Updated: 2026-09-29

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Create GSAP tweens
  • Animate DOM elements
  • Animate SVG elements
  • Configure easing and duration
  • Apply staggered animation
  • Set animation defaults
  • Match responsive conditions
  • Respect reduced motion
  • Control tween playback
  • Animate CSS properties

Inputs

  • Animation targets
  • Tween variables
  • Responsive conditions
  • Reduced-motion preference
  • JavaScript environment

Outputs

  • Animated DOM properties
  • Animated SVG properties
  • Tween instances
  • Updated animation state

Requirements

  • JavaScript runtime
  • GSAP core library

Source

  • Spec: SKILL.md
GSAP
JavaScript animation
DOM animation
SVG animation
responsive animation
reduced motion
tweening
Create GSAP tweens
Animate DOM elements
Animate SVG elements
Configure easing and duration
Animation targets
Tween variables
Responsive conditions
Animated DOM properties
Animated SVG properties
Tween instances