gsap-core

What problem does it solve?

This Skill provides the fundamental tools for creating smooth, performant animations in web development using the GreenSock Animation Platform (GSAP).

Core Features & Use Cases

• Core Tween Methods: Animate properties using gsap.to(), gsap.from(), gsap.fromTo(), and gsap.set().
• Timeline Sequencing: Orchestrate complex animation sequences with gsap.timeline(), including precise timing, labels, and overlaps.
• Playback Controls: Manage animations with play, pause, reverse, progress, and timeScale.
• Staggering & Keyframes: Animate multiple elements with delays or define multi-stage animations within a single tween.
• Use Case: Create an engaging hero section animation where text fades in, elements slide into place, and a call-to-action button animates on after a short delay.

Quick Start

Use the gsap-core skill to animate an element with the class 'my-element' to an opacity of 0 and a y-position of 100 over 1 second.