Skills
.Work. You
Rest

GSAP Skill

Community

Master JavaScript animations with GSAP.

Design & Creative#web development#react#javascript#animation#gsap#scrolltrigger
Authormarkus41
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides expert guidance and code examples for creating complex, high-performance JavaScript animations using the GreenSock Animation Platform (GSAP), enabling precise control over timing, easing, and sequences.

Core Features & Use Cases

  • Animation Creation: Build sophisticated tweens, timelines, and sequences for web elements.
  • Scroll-Triggered Animations: Integrate animations with user scrolling using ScrollTrigger.
  • React Integration: Utilize useGSAP hook for seamless integration within React applications.
  • Use Case: Animate a product showcase with elements fading in, sliding, and scaling as the user scrolls down the page, creating an engaging user experience.

Quick Start

Use the GSAP skill to animate the element with the class 'hero-title' to fade in and slide up over 1 second.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: GSAP Skill
Download link: https://github.com/markus41/claude/archive/main.zip#gsap-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.