Webflow hace que GSAP sea 100% gratuito para la comunidad web, brindando a los desarrolladores más libertad para aprovechar todo el potencial del movimiento impulsado por GSAP.
Nuestro objetivo en Webflow es capacitar a los equipos modernos para crear experiencias atractivas y diferenciadas que conviertan a los visitantes en clientes; y los sitios con mejor rendimiento que vemos son interactivos y utilizan animaciones para destacar.
Es por eso que en el otoño de 2024, Webflow adquirió la biblioteca de animación JavaScript líder en la industria, GreenSock Animation Platform (GSAP), para llevar nuestras soluciones de interacción al siguiente nivel. Nos honra poder asociarnos con GSAP en este viaje para ofrecer superpoderes de animación web a todo el mundo, ya sea que quieras dar vida a tus ideas visualmente o mediante código.
Hoy nos emociona compartir algunas actualizaciones importantes para GSAP y Webflow, creadas pensando en la comunidad de GSAP y en nuestros clientes compartidos.
GSAP ahora es 100% gratuito: te contamos por qué
Estamos totalmente comprometidos a invertir en el futuro de GSAP, guiados por tus comentarios y la experiencia del equipo original de GSAP que dio vida a esta tecnología. Y esa inversión comienza por hacer que GSAP sea 100% gratuito para todos los usuarios.
Esto significa que todo el mundo —sea cliente de Webflow o no— podrá aprovechar todas las herramientas de GSAP de forma totalmente gratuita, incluidos los plugins de Club que antes eran de pago. También estamos ampliando la licencia estándar para cubrir el uso comercial, por lo que tienes total libertad para usar GSAP en cualquier lugar, sin costo alguno para ti.
El equipo de GSAP siempre se ha esforzado por ofrecer sus productos de forma gratuita a la mayor cantidad de personas posible, manteniendo altos estándares de calidad que benefician a toda la comunidad. Por eso, a Webflow le entusiasma poder ayudarles a alcanzar este objetivo de ser 100% gratuitos. Con el apoyo de Webflow, el equipo de GSAP puede seguir liderando la innovación en el producto y en la industria, permitiendo que aún más desarrolladores tengan la oportunidad de aprovechar todo el potencial del movimiento impulsado por GSAP.
Novedades de GSAP y Webflow
Además de hacer que GSAP sea 100% gratuito, nos complace lanzar una serie de mejoras para los desarrolladores de GSAP y nuestros clientes compartidos de Webflow. Esto es en lo que hemos estado trabajando juntos:
Importante actualización del plugin SplitText de GSAP
Como parte de nuestra inversión continua en GSAP, nos hemos centrado en mejorar uno de sus plugins más populares. SplitText ha sido completamente reescrito desde cero con mejoras emocionantes que incluyen:
- Reducción del 50% en el tamaño del archivo para tiempos de carga más rápidos y mejor rendimiento
- Accesibilidad integrada para lectores de pantalla
- Enmascaramiento sencillo para efectos de "revelación" avanzados
- Nueva función deepSlice que maneja de forma inteligente los elementos anidados que se desbordan en varias líneas
- Nuevas funciones de respuesta que permiten reflujos más limpios y animaciones más fluidas
- ¡Y mucho más!
Con 14 nuevas funciones en total, nos emociona ver a más miembros de la comunidad aprovechando el mejorado —y ahora gratuito— plugin SplitText. Para empezar, consulta la documentación actualizada de GSAP sobre SplitText.
Integración más sencilla de los plugins de GSAP en Webflow
Anteriormente, usar los plugins de GSAP Club en Webflow solía ser un proceso complicado. Lo hemos facilitado haciendo que todos los plugins de GSAP estén disponibles directamente en Webflow y alojados por nosotros. Así es como funciona:
- Ve a la configuración del sitio (Site Settings) y activa la biblioteca principal de GSAP (GSAP Core) y los plugins que quieras incluir en tu sitio.
- Crea tus animaciones con código personalizado.
¡Y eso es todo! Para aprender cómo empezar, echa un vistazo a la guía de GSAP para Webflow.
Previsualiza código personalizado en Webflow antes de publicar
Para darte más confianza y control en tus despliegues, hemos lanzado las previsualizaciones de sitio con código personalizado. Esto te permite ver el efecto de cualquier código antes de publicarlo en tu sitio de Webflow, incluidas las animaciones hechas con GSAP.
¿Qué sigue?
En los próximos meses, ampliaremos nuestras Interacciones de Webflow nativas con:
- Funciones populares de GSAP para que empieces a crear animaciones con GSAP de forma visual
- La capacidad de crear y previsualizar tus interacciones en una línea de tiempo horizontal para una experiencia de movimiento más intuitiva
- La posibilidad de reutilizar cualquier interacción en todo tu sitio, lo que mejora la eficiencia del flujo de trabajo y la coherencia del diseño
Estas actualizaciones permiten que cualquiera, sin importar sus conocimientos de programación, cree animaciones con GSAP en sitios de Webflow. También sientan las bases para la próxima generación de interacciones nativas de Webflow, que se basarán totalmente en GSAP y se integrarán profundamente con nuestra plataforma de marketing web, desde sistemas de diseño hasta flujos de trabajo colaborativos y mucho más.
Estamos ansiosos por ver lo que viene. Juntos, GSAP y Webflow se comprometen a dar forma al futuro de la animación web y a seguir elevando el listón de lo que desarrolladores, diseñadores, especialistas en marketing y agencias pueden construir, ya sea visualmente o con código.
Mantente en contacto con nosotros:
- Más información en nuestro video de anuncio: Acompáñanos el 9 de mayo a las 9 a. m. PT en YouTube para escuchar a Rachel Wolan (CPO de Webflow), Cassie Evans (líder de educación para desarrolladores de GSAP) y Keegan O’Leary (desarrollador de Webflow y GSAP) mientras compartimos más sobre estas actualizaciones, incluyendo demostraciones en vivo. Suscríbete al canal de YouTube de Webflow para recibir notificaciones.
- Participa en nuestro desafío comunitario: En colaboración con Codepen, hemos lanzado un emocionante desafío para la comunidad de Webflow y GSAP durante todo mayo. Invitamos a todos los desarrolladores de GSAP, sean clientes de Webflow o no, a participar. Estamos deseando ver lo que creas: conoce más sobre el desafío.
