https://lab.good-fella.com/blog Working notes on GSAP and motion craft from Good Fella Studio. en https://lab.good-fella.com/blog/nuxt-persistent-scene-scroll-restoration https://lab.good-fella.com/blog/nuxt-persistent-scene-scroll-restoration Fri, 12 Jun 2026 00:00:00 GMT How I kept a GSAP + Lenis mountain scene mounted across Nuxt page navigations and restored scroll position without breaking the camera. Real code from a recent build. nuxt gsap lenis scroll-restoration page-transitions case-study tutorials https://lab.good-fella.com/blog/gsap-ease-reverse https://lab.good-fella.com/blog/gsap-ease-reverse Thu, 07 May 2026 00:00:00 GMT GSAP 3.15 added easeReverse, a property that fixes how easing behaves on reverse() animations. Here's why it matters and how to use it. gsap gsap-3-15 ease-reverse animation-easing reversed-animations tutorials https://lab.good-fella.com/blog/intersection-observer-vs-scrolltrigger https://lab.good-fella.com/blog/intersection-observer-vs-scrolltrigger Sun, 26 Apr 2026 00:00:00 GMT Comparing Intersection Observer and GSAP ScrollTrigger for scroll animations. Performance, control, scrub, batch, and when each approach makes sense. intersection-observer gsap-scrolltrigger scroll-animation gsap web-animation comparisons https://lab.good-fella.com/blog/gsap-page-transitions-nextjs https://lab.good-fella.com/blog/gsap-page-transitions-nextjs Sat, 25 Apr 2026 00:00:00 GMT Learn how to build smooth GSAP page transitions in Next.js App Router. Covers overlay animations, exit animations, useGSAP cleanup, and common pitfalls. gsap-page-transitions nextjs-animation gsap-react gsap route-transition tutorials https://lab.good-fella.com/blog/gsap-hover-effects https://lab.good-fella.com/blog/gsap-hover-effects Fri, 24 Apr 2026 00:00:00 GMT Learn how to build GSAP hover effects that feel polished. Covers play/reverse pattern, magnetic effects, quickTo for mouse tracking, and React implementation. gsap-hover hover-animation gsap interactive-animation magnetic-button tutorials https://lab.good-fella.com/blog/gsap-stagger-animation https://lab.good-fella.com/blog/gsap-stagger-animation Thu, 23 Apr 2026 00:00:00 GMT Learn how to use GSAP stagger to animate multiple elements with perfect timing. Covers basic stagger, advanced object syntax, from options, and real-world grid reveals. gsap-stagger gsap list-animation grid-animation web-animation tutorials https://lab.good-fella.com/blog/css-animations-vs-gsap https://lab.good-fella.com/blog/css-animations-vs-gsap Wed, 22 Apr 2026 00:00:00 GMT CSS animations vs GSAP compared honestly. Performance, control, complexity, and clear use-case recommendations for developers choosing between the two. css-animations gsap web-animation javascript-animation animation-performance comparisons https://lab.good-fella.com/blog/gsap-react-usegap-hook https://lab.good-fella.com/blog/gsap-react-usegap-hook Tue, 21 Apr 2026 00:00:00 GMT Learn how to use GSAP in React with the useGSAP hook. Covers setup, refs, scoping, contextSafe callbacks, ScrollTrigger cleanup, and Next.js SSR patterns. gsap-react usegap react-animation gsap next-js-animation tutorials https://lab.good-fella.com/blog/gsap-timeline-tutorial https://lab.good-fella.com/blog/gsap-timeline-tutorial Mon, 20 Apr 2026 00:00:00 GMT Learn how to use gsap.timeline() to sequence animations with precision. Covers the position parameter, defaults, labels, playback control, and real-world examples. gsap-timeline gsap animation-sequencing web-animation javascript-animation tutorials https://lab.good-fella.com/blog/gsap-scrolltrigger-examples https://lab.good-fella.com/blog/gsap-scrolltrigger-examples Sun, 19 Apr 2026 00:00:00 GMT Ten production-ready GSAP ScrollTrigger patterns: fade reveals, parallax, text effects, SVG drawing, mask reveals, and flip animations. Copy-paste code for each. gsap scrolltrigger scroll-animation web-animation javascript tutorials https://lab.good-fella.com/blog/gsap-text-animation-splittext-guide https://lab.good-fella.com/blog/gsap-text-animation-splittext-guide Fri, 17 Apr 2026 00:00:00 GMT How to animate text with GSAP SplitText. Covers chars, words, and lines with scroll-triggered reveals, stagger, and mask effects. Copy-paste examples included. gsap splittext text-animation scrolltrigger web-animation tutorials https://lab.good-fella.com/blog/gsap-vs-framer-motion-vs-react-spring https://lab.good-fella.com/blog/gsap-vs-framer-motion-vs-react-spring Fri, 03 Apr 2026 00:00:00 GMT Comparing GSAP, Framer Motion, and React Spring for React animation. Bundle sizes, performance data, code examples, and honest recommendations. gsap framer-motion react-spring react-animation animation-library web-animation comparisons https://lab.good-fella.com/blog/gsap-scrolltrigger-tutorial https://lab.good-fella.com/blog/gsap-scrolltrigger-tutorial Fri, 27 Mar 2026 00:00:00 GMT Learn GSAP ScrollTrigger with step-by-step examples. Includes code snippets, performance tips, and ready-to-use scroll animations for your project. gsap scrolltrigger scroll-animation web-animation performance tutorials