GSAP
The animation library behind all the movement on our sites. Precise, lightweight, and smooth on every device.
Part of our stack. We choose the right tools for each project, not the other way around.
GSAP is the animation library behind all the movement on our sites. Scroll effects, page transitions, text reveals, responsive buttons, sliding menus. Everything with millisecond-perfect control over timing and motion, lightweight and smooth on any device.
What GSAP is
A JavaScript animation library that has been the industry standard for over a decade. Timelines, easing, ScrollTrigger for scroll-based effects, SplitText for text, and plugins for everything else that moves. Completely free since 2024, even for commercial use.
What we use it for
Every animation on our sites. Page transitions together with Barba.js, elements that appear on scroll, parallax, marquees, magnetic buttons, text that builds line by line, and navigation that reacts to scrolling. This site runs entirely on it, including the pixel transition and the mega menu.
How we use it
All animation is contained in a single script that we manage outside of Webflow and host on Vercel . In Webflow , you simply add a data attribute to an element, and the script does the rest. This makes it fast, testable, and reusable across projects. Every animation cleans itself up during a page transition.
Why not use Webflow Interactions
They work for simple tasks, but they are heavy, difficult to manage when you have many animations, and break during page transitions. GSAP is lighter, faster, and easier to maintain.
How can we help?
Cases where we use these tools
Projects in this sector
Frequently asked questions
Maakt GSAP de site langzamer?
Nee, GSAP maakt een site niet langzamer. De bibliotheek is klein en animaties draaien op de GPU. We meten de snelheid bij elke oplevering.
Werkt GSAP met Webflow?
Ja, GSAP werkt volledig met Webflow. Webflow laadt GSAP zelf ook. Wij beheren de animaties in één eigen script, los van Webflow.
Werkt GSAP op mobiel?
Ja, GSAP werkt op mobiel. Zware effecten schakelen we op kleine schermen uit en hover-effecten vallen automatisch weg op touch.
Kunnen we GSAP-animaties zelf toevoegen?
Ja, met de data-attributen. Je zet in Webflow een attribuut op een element en ons GSAP-script doet de rest. Nieuwe soorten animatie bouwen wij.
Wat doet GSAP als een bezoeker minder beweging wil?
Dan schakelen de animaties terug. Onze sites luisteren naar de systeeminstelling voor beperkte beweging van de bezoeker en passen de GSAP-animaties daarop aan.