Front-end

GSAP

JavaScript animation library

GSAP is a JavaScript animation library for websites – from simple element reveals to scroll-driven sequences built with the ScrollTrigger plugin.

Official site

What is GSAP?

GSAP (GreenSock Animation Platform) is a JavaScript library for animating HTML, SVG and canvas elements, as well as any numeric property of a JavaScript object, for example in three.js scenes. Motion is arranged on timelines, and the ScrollTrigger plugin ties it to page scrolling. The library is framework-agnostic and has been owned by Webflow since 2024.

How we use it at Koda Plus

GSAP drives the motion on koda.plus itself: section reveals on scroll via ScrollTrigger, the hero content intro arranged on a timeline and the contact dialog animation. In our Webflow projects we used it on the WJ Investment and Firma Inwestycyjna JW websites and on a PR agency's site that included a blog migration. On Astro sites we animate mainly with CSS and GSAP, and skip the animation when the visitor's system requests reduced motion.

Used in

See the portfolio

In our services

When it makes sense

  • Animations need to be tied to page scrolling
  • A sequence of movements needs a precise timeline
  • The effect goes beyond what is comfortable in plain CSS
  • A Webflow site needs animations written in code

Frequently asked questions
GSAP

  • GSAP or CSS animations?

    Simple transitions and hover effects are fine in CSS. GSAP pays off for sequences, scroll-driven animation and cursor-based motion, where ordering and timing are hard to control in CSS alone.

  • Do GSAP animations slow down a website?

    They don't have to. Animate transforms and opacity, which browsers handle efficiently, rather than width, height or margins, which force the layout to be recalculated. It also helps to load the library only on pages that use it.

  • Does GSAP work with Webflow and Astro?

    Yes. GSAP doesn't depend on a framework – in Webflow you load it as a script in the page code, in Astro you import it in component scripts. The same animation code can move between projects.

Free 15-minute call

Tell us about your project,
we'll tailor the rest to you

A 15-minute call is enough for us to know whether we are a fit for your project.
We start from what you need, not from an off-the-shelf solution.

Contact us

Remigiusz in a navy shirt and glasses

Remigiusz Mielcarz

I use iMessage I use WhatsApp
Adrian in a grey turtleneck and glasses

Adrian Mrósk

I use iMessage I use WhatsApp