~/biblioteca-ia/gsap
repoInterfaz y motionpendiente
GSAP
Librería de animación JS con todos los plugins gratis desde 2025, incluidos SplitText y MorphSVG.
Para qué reto sirve
Cuando la animación deja de ser una transición CSS y pasa a ser una coreografía: varias cosas que entran en orden, un scroll que dirige la secuencia, un SVG que se transforma en otro, un titular que se parte en letras. CSS llega hasta cierto punto y a partir de ahí toca una línea de tiempo de verdad, con control de reproducción, reversa y anidamiento.
Qué es
Librería de animación en JavaScript para timelines, easings personalizados, animación de SVG y efectos ligados al scroll. Desde abril de 2025 es propiedad de Webflow, que liberó el paquete completo — incluidos los plugins que antes eran de pago para socios de Club GreenSock, como SplitText, MorphSVG, DrawSVG, ScrollSmoother, ScrambleText e Inertia. Todo entra con npm install gsap.
Cuándo no usarla
No es software libre, y el repositorio público confunde. La licencia es propiedad de Webflow y tiene una prohibición concreta que casi nadie lee: no puedes usar GSAP dentro de una herramienta que permita a otros crear animaciones visualmente sin escribir código, si eso compite con el constructor de animaciones de Webflow. Si algún día montas un editor visual para clientes, revisa esa cláusula antes. Además Webflow puede revocar la licencia a su discreción y puede modificar los términos, aunque puedes seguir con la versión anterior bajo los términos que aceptaste.
Mi veredicto
Sin probar en este proyecto, pero es el estándar del sector desde hace años y ahora sin barrera de pago, así que la pregunta ya no es si vale sino cuándo hace falta. Para lo que hago aquí no la necesito: Canvas UI cubre los efectos y CSS con tokens cubre lo demás. Entra en la biblioteca para el día que un proyecto pida coreografía ligada al scroll o morfología de SVG, que es donde CSS se queda corto. Lo que hay que tener claro antes de comprometerla es la cláusula de uso prohibido, no el precio.
Lo que cambió en 2025
Durante años GSAP tuvo dos niveles: la librería base gratuita y un club de pago con los plugins buenos. Webflow compró GreenSock y liberó todo el paquete el 30 de abril de 2025.
Los que dejaron de costar dinero: SplitText para partir titulares en líneas, palabras o caracteres; MorphSVG para transformar una forma en otra; DrawSVG para trazar contornos; ScrollSmoother para scroll suave; ScrambleText; e Inertia para movimiento con momento. Todos están ya en el paquete de npm y en el repositorio público.
La cláusula que hay que leer
La licencia define Prohibited Uses así: usar GSAP en herramientas que permitan a los usuarios construir animaciones visualmente sin código, de forma que compita con las capacidades de construcción visual de animaciones de Webflow.
En la práctica no afecta a webs, aplicaciones ni interfaces —eso está explícitamente permitido, incluso para empresas que compitan con Webflow en otras áreas—. Afecta si tu producto es un editor de animaciones. Su FAQ dice que si dudas, preguntes antes.
Dos cosas más del texto legal que conviene saber: Webflow puede terminar la licencia a su discreción si incumples, y en ese caso hay que destruir las copias. Y puede modificar los términos cuando quiera, aunque las versiones que ya usabas se quedan bajo los términos que aceptaste.
Frente a lo que ya hay aquí
Canvas UI y GSAP no compiten. Canvas UI son efectos de WebGL cerrados que envuelven contenido; GSAP es un motor de coreografía que anima cualquier propiedad que JavaScript pueda tocar. Y emil-design-eng sigue por encima de los dos: decide si esa animación debería existir, con qué curva y en cuántos milisegundos.