Articles

GreenSock Article

<hr /><p> </p><p>Put on your dancin' shoes, 'cuz Papa’s got a brand new sock. And it's green.</p><p>To say that Webflow is getting “animated” about its recent acquisition would be an understatement. At last week’s <a target="_blank" href="https://webflow.com/webflowconf">Webflow Conf 2024</a> – the company’s annual hurrah catering to designers, developers, marketers, and even business leaders – <a target="_blank" href="https://www.linkedin.com/in/lktong/">CEO Linda Tong</a> announced that the web experience platform had purchased <a target="_blank" href="https://gsap.com/">GreenSock</a>, the company behind the <a target="_blank" href="https://gsap.com/">GreenSock Animation Platform</a> (better known by its “GSAP” moniker).</p><p>If you’re not immediately familiar with the GreenSock brand, that’s OK. GSAP is slightly exotic but well-known amongst super JS design enthusiasts. Over time, it has established itself as an industry-leading solution for animation experiences on the web layer. </p><p>So what makes this dance-worthy, exactly? </p><p>As GreenSock boldly proclaims on its homepage, GSAP lets you “animate anything” that JavaScript can touch. At its core, GSAP is a JS library that helps modern designers and developers craft lush, dynamic, silky-smooth animations that are, in a word, <i>stunning</i>. And it's proven: GSAP is well-adopted and already in use on over 12 million sites. </p><p>If you haven’t experienced what’s possible with GSAP, I highly recommend perusing their website (there’s a great showcase <a target="_blank" href="https://gsap.com/">you can view here</a>). Just keep scrolling, and you’ll instantly see what makes it cool. With its array of functions, you can build UI that’s undeniably immersive, or take logos and SVG graphics to the next level with morphing and motion plugins. You can add mouth-gaping flare to text in seconds – and bring your web pages to life with fun sequences that visually shake things up. </p><p>Below is a great primer from <a target="_blank" href="https://www.youtube.com/c/timothyricks">Timothy Ricks</a>, a resident YouTube “Webflow Wizard,” about leveraging GSAP with Webflow. It demonstrates how integrated the platforms have already become – and how indispensable a tool it has proven to be. In fact, there are Udemy courses available for learning how to develop JavaScript animations using GSAP.</p><p> </p><figure class="media"><div data-oembed-url="https://www.youtube.com/watch?v=m4YKslkob9Q"><div style="position:relative;padding-bottom:100%;height:0;padding-bottom:56.2493%"><iframe src="https://www.youtube.com/embed/m4YKslkob9Q" style="position:absolute;width:100%;height:100%;top:0;left:0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div></div></figure><p> </p><p>For all of these reasons, acquiring GSAP is a logical move for Webflow. As it further embraces its Web Experience Platform (WXP) positioning, it’s doubling down on delivering a breadth of easy-to-use capabilities with native insights and optimization features that evoke legacy DXPs – but with more integrated features like AI and, now, expansive animation. </p><p>As Tong pointed out in her announcement, there were some phenomenal new bells and whistles unveiled at Webflow Conf, all focused on shaping how marketers build, manage, and evolve the future of the web. Clearly, animation is providing differentiated value in this quest for delivering amazing digital experiences. </p><p>“Today’s CMOs are asked to own the brand and revenue, and marketing teams are under pressure to convert more of the visitors that do show up at the website into customers,” she said. “The best-performing sites we've seen are dynamic and leverage interactions to bring their experiences to life.”</p><p>It’s true that assets like video and animation can improve website performance and conversions. Video alone can increase these key metrics by 86% – while adding a one- to two-minute website animation <a target="_blank" href="https://wow-how.com/articles/do-animated-websites-convert-leads#:~:text=Conversion%20rates,-64%25%20of%20people&amp;text=The%20autoplay%20video%20page%20receives,sales%20than%20just%20a%20text.">can generate up to 70% more sales</a> than static text. </p><p>It’s for these reasons that downstream website builders like <a target="_blank" href="https://cmscritic.com/products/squarespace">Squarespace</a> and <a target="_blank" href="https://cmscritic.com/products/wix">Wix</a> have been steadily adding animation features to their respective feature sets. The tools vary in their general scope, but they both offer a decent amount of control and customization. Adding GSAP is perhaps less of an answer to these alternative platforms and more of a clear commitment to Webflow users that the platform is continuing to innovate and enrich its offerings.</p><p>“With GSAP, you can animate pretty much anything on the web, just by writing some JavaScript, delivering a delightful consumer experience,” Tong explained. “Web developers and designers love GSAP because it's performant, super flexible, framework agnostic, and surprisingly easy to use. Webflow’s mission is to bring development superpowers to everyone which includes allowing people to build the most interactive, engaging experiences on the web, and with GSAP, they can do just that.”</p><h3 id="expanding-the-value-of-gsap">Expanding the value of GSAP</h3><p>With the GreenSock acquisition, Webflow is bringing over the GSAP team and its resources. This includes a connection to GSAP’s dedicated community, which has been actively developing animation components and solutions with its capabilities. According to Tong, GreenSock shares Webflow’s vision for the future and built its company with developers and designers in mind. </p><p>“GSAP will take Webflow interactions to the next level while continuing to be publicly available for all developers to use on the wider web,” she said. “Over 100,000 Webflow sites are already using GSAP through custom code, but we’re excited to soon bring the power and flexibility of the API to our users natively, within Webflow.”</p><p>Over the coming months, Webflow will be integrating GSAP into the platform so all of its customers can create GSAP animations natively within platform. At the same time, GSAP will continue to be publicly available for everyone to use on the wider web. There’s also been a stated commitment by Webflow and the GSAP team to maintain and evolve the library.</p><p>From a pricing perspective, Webflow is honoring current pricing plans and licensing, and as Tong says, it will be “business as usual.”</p><p>It’s worth noting that <a target="_blank" href="https://www.linkedin.com/in/cassie-codes/">Cassie Evans</a>, the “Lead Bestower of Animation Superpowers” at GreenSock, offered some insight into the acquisition to GSAP’s community. As she noted in her blog post, creating a GSAP GUI was an impossible pipe dream for their small team (despite all the requests for it). But with Webflow's expertise and resources, she feels the company is in in good hands. </p><p>“The Webflow team has a knack for creating clean easy-to-use interfaces, and we're incredibly excited about combining our expertise to bring something beautiful to life,” Evans said. “In short, we're better together.”'</p><p> </p><figure class="media"><div data-oembed-url="https://www.youtube.com/watch?v=fHnszKG6X3A"><div style="position:relative;padding-bottom:100%;height:0;padding-bottom:56.2493%"><iframe src="https://www.youtube.com/embed/fHnszKG6X3A" style="position:absolute;width:100%;height:100%;top:0;left:0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div></div></figure><h3 id="slipping-on-a-bigger-pair-of-ai-shoes">Slipping on a bigger pair of AI shoes</h3><p>In addition to the GSAP announcement, Webflow unveiled some big AI-powered features at Webflow Conf. These join a chorus of AI tools that Webflow has already been pioneering – including connections to third-party AI apps like <a target="_blank" href="https://www.jasper.ai/">Jasper</a> and <a target="_blank" href="https://www.typeform.com/">Typeform</a>.</p><p> </p><h4 id="webflow-ai-assistant-"><strong>Webflow AI Assistant </strong></h4><p>The first is the launch of the new <a target="_blank" href="https://help.webflow.com/hc/en-us/articles/34297897805715-Webflow-AI-Assistant-overview">Webflow AI Assistant</a>, which allows team members to quickly design and generate stylized content within a site’s existing design system using conversational prompts. </p><p>AI Assistant provides tools that use existing classes, variables, and site context to create on-brand drafts for review. It can also generate a full CMS item with contextually relevant content based on a simple prompt – a time saver when spinning up realistic content for new pages. </p><p> </p><h4 id="webflow-analyze"><strong>Webflow Analyze</strong></h4><p>The company also introduced <a target="_blank" href="https://webflow.com/updates/introducing-webflow-analyze">Webflow Analyze</a>, a resource that delivers a native, unified view of visitor behavior to designers and content marketers, empowering them to make data-backed decisions that improve site performance. </p><p>Analyze offers site and page insights directly within Webflow, so you don’t need to switch between tools or navigate confusing third-party dashboards. It also sports an automatic, code-free setup, which also includes automatic event capture. Unlike some other analytics tools in the market, there’s no need for manual or code-based configuration. </p><p> </p><figure class="image image-style-align-center"><img src="https://cmscritic.com/ms-content/uploads/2024/10/webflow-analyze.jpg" alt="" /></figure><p> </p><p>Analyze is also designed with data privacy at its core, so if you have specialized consent management needs, you can integrate with your tool of choice or use Webflow's turnkey integrations with <a target="_blank" href="https://www.datagrail.io/">DataGrail</a> and <a target="_blank" href="https://finsweet.com/">Finsweet</a> – with more on the way.</p><p>Analyze will be available as an add-on for all customers on Basic, CMS, Business, and Enterprise Site plans this month. </p><p> </p><h4 id="webflow-optimize"><strong>Webflow Optimize</strong></h4><p>Finally, there’s <a target="_blank" href="https://webflow.com/optimize">Webflow Optimize</a>, an AI-powered A/B testing and personalization solution. Optimize learns from site visitors in real-time, ensuring a dynamic, personalized user experience each time. It effectively maximizes conversions through rapid insights, tailored visitor experiences, and AI-powered delivery. </p><p>Optimize testing gives you the ability to quickly compare variations to learn what performs best, scale your experiments, and harness AI for faster and smarter results. </p><p> </p><h3 id="why-it-matters">Why it matters</h3><p>As someone who cares a lot about visual UX – and maybe a little more about information architecture – I’m always cautious about adding too many animated whiz-bangs to a web page. This is where the sensitivity of a smart designer comes in, and knowing how much is just right.</p><p>That said, animation is an area where brands can tell stories in unique ways, and Webflow’s acquisition of GSAP could be another differentiator for the budding web experience platform. Webflow continues to hold appeal for pixel-perfect aficionados that enjoy a deep level of precision and control – and GSAP’s libraries and plugins reflect a similar degree of robustness.</p><p>With respect to AI, every platform – from CMS to website builders – is leveraging artificial intelligence to enhance productivity and improve efficiency. Content generation has become table stakes, but Webflow’s amplification of its analytics and optimization features is a decisive factor and demonstrates a clear focus on high-utility applications.  </p><p>For Tong, this is a solid move early in her tenure as CEO. As we covered back in June of this year (only a few months ago), Webflow's founder <a target="_blank" href="https://www.linkedin.com/in/vladmagdalin/">Vlad Magdalin</a> stated that Tong would bring an “infectious energy” to her promotion from President and COO, where she oversaw the recent<span style="color:rgb(48,49,61)"> </span><a target="_blank" href="https://cmscritic.com/webflow-buys-intellimize-why-its-an-intelligent-buy">acquisition of Intellimize</a><span style="color:rgb(48,49,61)">. </span></p><p><span style="color:rgb(48,49,61)">Are we seeing the beginning of a more ambitious strategy to build out the Webflow ecosystem and drive more value through acquisitions? Hard to say, but this feels like a smart move to kick things off – and one that should serve its customers well. </span></p><p>Choice continues to be both a challenge and an opportunity for users as they evaluate platforms to power their digital experiences. Webflow has built a strong community following and enhanced its preference among agencies. These features could give it a pivotal edge as it looks to grow in 2025, particularly as it focuses more on large-scale enterprises that crave this flexibility to power their marketing teams.</p><p>Who knows? Maybe there's another sock on the dance floor to fill those growing shoes. </p><p> </p><hr /><h4 style="text-align:center" id="looking-for-guidance-on-webflow?--talk-to-us.-"><span class="text-small"><i><strong>Looking for guidance on Webflow?  </strong></i></span><a target="_blank" href="https://cmscritic.com/contact"><span class="text-small"><i><strong>Talk to us. </strong></i></span></a></h4><hr /><h3 id="upcoming-events">Upcoming Events</h3><p> </p><p><img style="width:29.58%" src="https://cmscritic.com/ms-content/uploads/2024/01/cms-kickoff-2025-logo.png" /></p><h4 id="cms-kickoff-2025"><a href=" https://www.boye-co.com/conferences/cmskickoff25"><span style="color:hsl(210,75%,60%)">CMS Kickoff 2025</span></a></h4><p><strong>January 14-15, 2025 – Tampa Bay Area, Florida</strong></p><p>Join us next January in the Tampa Bay area of Florida for the third annual CMS Kickoff – the industry's premier global event. Similar to a traditional kickoff, we reflect on recent trends and share stories from the frontlines. Additionally, we will delve into the current happenings and shed light on the future. Prepare for an unparalleled in-person CMS conference experience that will equip you to move things forward. This is an exclusive event – space is limited, <a target="_blank" href="https://www.boye-co.com/conferences/cmskickoff25/tickets">so secure your tickets today.</a></p>

Webflow Laces Up its Animation Shoes with GreenSock, Unveils New AI Features

matt-garrepy

Explore a wide range of informative articles on GreenSock, insights, and industry updates. Stay informed and ahead of the curve with our diverse collection of news and posts covering the latest trends and developments in the industry

News

Webflow Laces Up its Animation Shoes with GreenSock, Unveils New AI Features