Skills
.Work. You
Rest

gsap-animations

Community

Accessible, high-performance GSAP animations.

Design & Creative#performance#accessibility#animation#wordpress#gsap#scroll-trigger
AuthorAndyMarigoldLabs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Web teams need smooth, accessible, and performant animations without sacrificing page speed or usability. This Skill provides ready-to-use GSAP patterns and guidelines to implement engaging UI motions that respect users' motion preferences.

Core Features & Use Cases

  • Scroll-triggered animations: fade-ins, slides, and parallax effects that run at 60fps by using GPU-accelerated transforms.
  • Accessibility-first patterns: respects prefers-reduced-motion and CSS fallbacks so content remains usable without animations.
  • WordPress integration: includes enqueueing examples and practical usage in themes to streamline integration.

Quick Start

Load GSAP and ScrollTrigger from a CDN, initialize a simple fade-in timeline for elements with class "gsap-fade", and test for reduced-motion compatibility.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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-animations
Download link: https://github.com/AndyMarigoldLabs/continuous-funding/archive/main.zip#gsap-animations

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.