Skip to main content

Blog

Blog posts and Release notes

· 3 min read
Cassie Evans
Jack Doyle

We have a big announcement to make! (Drum roll please...)​

🤘 GSAP has been acquired by Webflow to take their animation capabilities to the next level!​

This is exciting news for the future of GSAP — for everyone, but we know that the Webflow folks in particular will be over the moon! It's been a joy to watch our communities grow closer over the last few years — hyping each other up, learning together and producing some of our all-time favourite showcase sites.

Of course our animation community extends far beyond Webflow. GSAP's flexibility and rich feature set make it extremely popular across all kinds of ecosystems, tools and frameworks. It powers over 12 million websites (including most award-winning ones). This acquisition puts GSAP in an even stronger position to serve the broader web community because Webflow is investing development resources into GSAP's continued product innovation.

GSAP will continue to be publicly available for everyone to use on the wider web. Both Webflow and the GSAP team are committed to maintaining and evolving the library, including for use outside of Webflow. We love this community and it’s important to us that GSAP continues to be the go-to toolset for web animators everywhere.

If you pay for GSAP, we are honoring your current pricing plan and licensing – so just business as usual!

What is Webflow? Why the acquisition?​

Webflow is a Website Experience Platform (WXP) with a mission to bring development superpowers to everyone - whether a designer, marketer, developer, or agency. Webflow empowers marketing and engineering teams to visually build, manage, and optimize stunning websites. Go on, take a look. Their homepage is even animated with GSAP. 💚

Anyone that's been using GSAP for a while will know that bringing 'superpowers' to everyone is precisely what we aim to do. Webflow and GSAP have the same heart, taking the complicated and making it simple, helping everyone bring their ideas to life, even people who are just starting with code.

Until now, creating a GSAP GUI was an impossible pipe dream for our small team (despite all the requests for it) but with Webflow's expertise and resources - we're in good hands. 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. In short, we're better together.

We don't know exactly what this will look like yet... but we know it's going to be special.



We'd love to hear from you about what your hopes are as GSAP joins the Webflow family. What are your ideas? Help us shape the future. We're listening.

You can read Webflow's post here



· 4 min read
Cassie Evans
Jack Doyle
  • Clamp your triggers! - Ever had ScrollTriggered animations at the very top of your page start out partially-scrubbed? Now you can clamp() them! This handy feature ensures that the start and end positions stay within the bounds of the page and ensures that all your "above the fold" elements start off in their native positions.
  • Clamp data-speed - More clamping! This time for ScrollSmoother, you can now wrap your data-speed value in clamp() to make the associated element start out in its natural position if it 's within the viewport at the top of the page.
  • ScrollSmoother speed - Hold onto your hats (or scroll wheels?) We 've added a speed option to ScrollSmoother which you can use to make the page scroll faster or slower.

· 6 min read
Cassie Evans
Jack Doyle
  • gsap.matchMedia() is a game-changer for responsive, accessible-friendly animations.
  • gsap.context() that greatly simplifies setup and reverting of a bunch of animations/ScrollTriggers, especially for React developers!
  • You can now revert() any animation to return the targets to their original state.
  • Set lockAxis: true on an Observer to make it lock into whichever direction the user first drags

· 5 min read
Cassie Evans
Jack Doyle

· 4 min read
Cassie Evans
Jack Doyle

· 6 min read
Cassie Evans
Jack Doyle
  • containerAnimation - vertical scrolling can animate a container horizontally; now you can set up ScrollTriggers on that horizontal movement. It's like having nested ScrollTriggers!
  • preventOverlaps & fastScrollEnd - when you jump to a section, do you have lingering animations that overlap? These features can save the day.
  • isInViewport() - a simple way to check if an element is in the viewport
  • positionInViewport() - find out exactly where an element is in relation to the viewport
  • Directional snapping - by default, snapping will now always go in the direction that the user last scrolled. Much more intuitive! There's even a .snapDirectional() utility method.

· 3 min read
Jack Doyle
  • New: "alignOrigin" for motion paths
  • New: getRelativeDistance() that transcends coordinate spaces
  • convert coordinates between elements/contexts