Motion design for the web: scroll, GSAP, CSS, animated text and reverse engineering of premium sites, implemented in Next.js.
Motion •
The spec's word is reduce, not remove. Why animation: none !important gets it wrong on both sides, and the substitution table that preserves the design.
Motion •
Eight ScrollTrigger recipes with the minimal code for each, the patterns almost nobody reads in the docs, and what breaks once you put it all inside React.
Motion •
Half the text effects need no splitting into pieces. The question that separates the two families, and what SplitText solves that CSS does not.
Motion •
One is Baseline, another skips Firefox and the third is experimental in React. Knowing which one you use decides what ships to production.
Motion •
The question changed: half of what demanded a library is native CSS today. The axes left are license, execution model and what is already native.
Motion •
Two of the three engines shipped scroll-driven animations. The third sits behind a flag. What that changes about what you can use in production today.
Motion •
GSAP became free in April 2025, and it never became open source. The license is proprietary, Webflow holds the IP and a non-compete clause exists.
Motion •
Scroll, text, images and video: the complete catalog of motion techniques for the web, with implementation in Next.js and the cases where each one pays off.
