¡Bombazo! GSAP Ahora es 100% Gratis Gracias a Webflow: ¿Qué Significa para Tus Animaciones?
  • Home
  • Webflow
  • ¡Bombazo! GSAP Ahora es 100% Gratis Gracias a Webflow: ¿Qué Significa para Tus Animaciones?
By Israel Piña | @israelpinapol profile image Israel Piña | @israelpinapol
2 min read

¡Bombazo! GSAP Ahora es 100% Gratis Gracias a Webflow: ¿Qué Significa para Tus Animaciones?

Si eres como yo, apasionado por llevar las experiencias web al siguiente nivel, seguro conoces (y amas) la GreenSock Animation Platform (GSAP). Es la librería JavaScript por excelencia para crear animaciones web fluidas y complejas. Pues prepárense, porque Webflow acaba de soltar una noticia que cambia las reglas del juego:

Si eres como yo, apasionado por llevar las experiencias web al siguiente nivel, seguro conoces (y amas) la GreenSock Animation Platform (GSAP). Es la librería JavaScript por excelencia para crear animaciones web fluidas y complejas. Pues prepárense, porque Webflow acaba de soltar una noticia que cambia las reglas del juego: ¡GSAP ahora es completamente gratis para todos!

Webflow y GSAP: Una Alianza Estratégica para la Animación Web

Recordemos que a finales de 2024, Webflow adquirió GSAP con la visión de potenciar sus soluciones de Interacciones. Como la primera "Website Experience Platform", Webflow entiende que las animaciones y la interactividad son clave para crear sitios que no solo se vean bien, sino que conviertan visitantes en clientes. Esta adquisición fue un movimiento estratégico para dar superpoderes de animación a toda la comunidad, ya sea que prefieras diseñar visualmente o meterte de lleno en el código.

¿Gratis? ¡Sí, Completamente Gratis!

Lo leíste bien. Webflow ha decidido invertir fuerte en el futuro de GSAP, y el primer gran paso es hacerlo 100% gratuito. Esto no es solo para usuarios de Webflow, sino para toda la comunidad de desarrolladores y diseñadores.¿Qué incluye esta gratuidad?

  • Todos los plugins de GSAP: Incluyendo aquellos que antes eran exclusivos del "Club GSAP" (¡sí, esos plugins premium!).
  • Licencia Comercial Ampliada: La licencia estándar ahora cubre el uso comercial, dándote total libertad para usar GSAP en cualquier proyecto, sin costo alguno.

Esta movida, apoyada por Webflow, permite al equipo original de GSAP seguir innovando y manteniendo la alta calidad que los caracteriza, mientras democratizan el acceso a herramientas de animación de primer nivel. ¡Más poder para los creadores!

Novedades Calientes de GSAP y Webflow

Pero la gratuidad no es la única noticia emocionante. La colaboración entre Webflow y GSAP ya está dando frutos con mejoras concretas:

1. SplitText: Más Potente y Ligero que Nunca

Uno de los plugins más populares de GSAP, SplitText, ha sido reescrito desde cero. ¿El resultado? Una maravilla:

  • 50% más ligero: Menos tamaño de archivo para cargas más rápidas.
  • Accesibilidad Integrada: Pensado para lectores de pantalla.
  • Mascaras Fáciles: Ideal para efectos de revelación avanzados.
  • deepSlice Inteligente: Maneja elementos anidados complejos que abarcan múltiples líneas.
  • Mejoras Responsive: Animaciones más fluidas y adaptables.
  • ¡Y 14 nuevas características en total!

Si quieres empezar a exprimir el nuevo SplitText (ahora gratuito), revisa la documentación actualizada de GSAP .

2. Integración de Plugins GSAP en Webflow: ¡Más Fácil Imposible!

Se acabó el proceso engorroso de usar plugins del Club GSAP en Webflow. Ahora, todos los plugins de GSAP están disponibles y alojados directamente en Webflow.¿Cómo funciona?

  1. Ve a Site Settings en tu proyecto de Webflow.
  2. Activa la librería GSAP Core y los plugins específicos que necesites.
  3. ¡Listo! Empieza a crear tus animaciones con código personalizado.

Consulta la guía de Webflow de GSAP para más detalles.

3. Previsualización de Código Personalizado en Webflow

¡Por fin! Ahora puedes previsualizar tu sitio Webflow con todo el código personalizado (HTML, CSS, JS) aplicado antes de publicar. Esto incluye, por supuesto, las animaciones que hayas escrito con GSAP. Más control y confianza en tus despliegues.

¿Qué Sigue? El Futuro de las Interacciones en Webflow

Esto es solo el comienzo. Webflow planea expandir sus Interacciones nativas integrando:

  • Características populares de GSAP: Para que puedas crear animaciones potentes visualmente.
  • Timeline Horizontal: Una interfaz más intuitiva para desarrollar animaciones complejas.
  • Reutilización de Interacciones: Mayor eficiencia y consistencia en tus proyectos.

El objetivo es claro: reconstruir las Interacciones de Webflow sobre la base de GSAP, integrándolas profundamente en la plataforma. Esto permitirá que cualquiera, sin importar su nivel de código, pueda crear animaciones de calidad profesional.

By Israel Piña | @israelpinapol profile image Israel Piña | @israelpinapol
Updated on
Webflow