Designing with motion
How GSAP animations on this site stay purposeful, fast, and respectful of people who prefer less motion.
Motion here, built with GSAP, explains something: a title assembling itself, a section settling into place as you reach it, a band of words drifting as you scroll.
Respecting preferences
Visitors who ask their system to reduce motion get the same content, still and
complete. Every animation runs inside gsap.matchMedia(), and nothing is
hidden unless motion is welcome.
Keeping it fast
Animations change transform and opacity only, so the browser can run them
on the compositor. Scroll-driven scenes use ScrollTrigger and clean up when a
page unmounts.
Read more in the journal.