https://lab.good-fella.com/blog Working notes on GSAP and motion craft from Good Fella Studio. en https://lab.good-fella.com/blog/from-webflow-to-vue-nuxt-sanity https://lab.good-fella.com/blog/from-webflow-to-vue-nuxt-sanity Tue, 16 Jun 2026 00:00:00 GMT How the studio went from Webflow to React, Next and Sanity to Vue, Nuxt and Sanity. What each migration solved, what bit us before we made the call and why the third stack is the one we are staying on. webflow vue nuxt sanity react page-transitions stack-migration 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