gsap

GSAP (GreenSock Animation Platform) es una potente biblioteca de animación JavaScript independiente del framework, diseñada para crear animaciones de alto rendimiento que funcionan en todos los navegadores principales. Puede animar propiedades CSS, SVG, canvas, React, Vue, WebGL, colores, cadenas, rutas de movimiento y objetos genéricos—prácticamente cualquier cosa que JavaScript pueda tocar. La biblioteca es conocida por su secuenciación avanzada, fiabilidad y control preciso, resolviendo desafíos reales de animación en más de 12 millones de sitios. Maneja innumerables inconsistencias entre navegadores, garantizando que las animaciones funcionen sin problemas, y es hasta 20 veces más rápida que jQuery. GSAP es completamente flexible y no tiene dependencias, lo que facilita su integración en cualquier proyecto. Incluye un núcleo que puede animar casi cualquier cosa, junto con métodos de utilidad como interpolate(), mapRange() y varias funciones de easing. Los plugins opcionales amplían sus capacidades, incluyendo ScrollTrigger para animaciones basadas en scroll, MorphSVGPlugin para morphing de SVG, SplitText para dividir texto, MotionPathPlugin para animar a lo largo de rutas y Flip para animaciones FLIP. También hay un plugin Observer para normalizar la detección de eventos entre navegadores y dispositivos. La instalación es sencilla mediante CDN o NPM. La biblioteca es gratuita, incluyendo todos los plugins adicionales, gracias a Webflow. Para usuarios de React, existe un paquete @gsap/react con un hook useGSAP() que simplifica la integración. Los recursos incluyen documentación completa, demos, foros de la comunidad, una hoja de referencia y un canal de YouTube para aprender.