Motion design for the web: scroll, GSAP, CSS, animated text and reverse engineering of premium sites, implemented in Next.js.
Motion •
Performant motion with Claude Code: transform-and-opacity rule, tiered reduced-motion, Lenis with INP control, MCP audits, and the aino.agency case.
Motion •
Rive vs Lottie comparison with Claude Code: state machine with inputs, lighter dotLottie, decision table, runtime integration in React and web, ready prompts, and the Razorpay Sprint26 case.
Motion •
Micro-interactions with Motion in Claude Code: transform layout, spring gestures, shared element with layoutId and AnimatePresence, prompts, and the Waabi case.
Motion •
Cinematic-scroll tutorial with GSAP ScrollTrigger and Lenis in Claude Code: pin, scrub, parallax, the ScrollSmoother vs Lenis call, ready prompts, and Oryzo AI and Studio K95 cases.
Motion •
The complete 2026 guide to motion design for websites with GSAP, Motion, Rive, and Claude Code, with a performance focus.
Motion •
The accessibility critique of smooth scroll is real and almost none of it applies to Lenis. What it breaks for real is another thing: scroll-snap.
Motion •
Scrolling enters no INP. What enters is the animation running at the moment of the click. The table of what touches each phase, and 50% against 1% of frames.
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.
