GSAP (GreenSock Animation Platform) es una librería de JavaScript enfocada en animaciones de alto rendimiento para web. Permite animar propiedades CSS, SVGs, texto, canvas, WebGL, scroll, timelines sincronizadas y más.

📚 Índice - GSAP

1. Introducción

• Qué es GSAP y para qué lo usamos en el estudio.

2. Instalación y setup

• CDN / npm
• Cómo importarlo según el stack que usamos (Vanilla / React / Next / Angular).

3. Uso básico

• Tweens (gsap.to, gsap.from, gsap.fromTo)
• Timelines (gsap.timeline)

4. ScrollTrigger

• Activar el plugin
• Configuración mínima (trigger, start, end)
• Diferencia entre “animado” y “scrub”

5. Buenas prácticas del estudio

• Qué propiedades animar / evitar
• Uso de transforms
• Limpieza de GSAP en SPA (desmontar)
• Naming y organización

6. Patrones de uso interno

• Ejemplos concretos que usamos en el estudio (2–3 casos)
• Ejemplo hero intro
• Ejemplo sección con scroll

7. Recursos oficiales

• Link docs
• Link foro
• Link ejemplos