Motion design para web: scroll, GSAP, CSS, texto animado e engenharia reversa de sites premium, com implementação em Next.js.
Motion •
Motion performático com Claude Code: regra transform e opacity, reduced-motion em camadas, Lenis sem piorar INP, auditoria com MCPs e case aino.agency.
Motion •
Comparativo Rive vs Lottie com Claude Code: state machine com inputs, dotLottie mais leve, tabela de decisão, integração com runtime em React e web, prompts prontos e case Razorpay Sprint26.
Motion •
Micro-interações com Motion no Claude Code: layout, gestures, shared element com layoutId e AnimatePresence, prompts prontos e case Waabi.
Motion •
Tutorial de scroll cinematográfico com GSAP ScrollTrigger e Lenis no Claude Code: pin, scrub, parallax, decisão ScrollSmoother vs Lenis, prompts prontos e cases Oryzo AI e Studio K95.
Motion •
Guia completo de motion design para sites em 2026 com GSAP, Motion, Rive e Claude Code, com foco em performance.
Motion •
A crítica de acessibilidade ao smooth scroll é real e quase toda ela não se aplica ao Lenis. O que ele quebra de verdade é outra coisa: o scroll-snap.
Motion •
Rolagem não entra no INP. O que entra é a animação rodando no momento do clique. A tabela do que toca cada fase, e os 50% contra 1% de quadros.
Motion •
A palavra da especificação é reduzir, não remover. Por que animation: none !important erra dos dois lados, e a tabela de substituição que preserva o design.
Motion •
Oito receitas de ScrollTrigger com o código mínimo de cada uma, os padrões que quase ninguém lê na doc e o que quebra quando você põe tudo dentro do React.
Motion •
Metade dos efeitos de texto não precisa quebrar o texto em pedaços. A pergunta que separa as duas famílias, e o que o SplitText resolve que o CSS não resolve.
Motion •
Uma é Baseline, outra não roda no Firefox e a terceira é experimental no React. Saber qual você está usando decide o que vai para produção.
Motion •
A pergunta mudou: metade do que exigia biblioteca hoje é CSS nativo. Os eixos que sobraram são licença, modelo de execução e o que já é nativo.
Motion •
Dois dos três motores enviaram scroll-driven animations. O terceiro está atrás de flag. O que isso muda no que você pode usar em produção hoje.
Motion •
GSAP virou gratuito em abril de 2025, mas não virou open source. A licença é própria, a Webflow detém a PI e existe cláusula de não-concorrência.
Motion •
Scroll, texto, imagens e vídeo: o catálogo completo de técnicas de motion para web, com implementação em Next.js e os casos em que cada uma compensa.
