Motions premium em Next.js: os 18 padrões do site da Plantica, passo a passo
O scroll vira CSS custom property e o CSS faz o resto: os 18 padrões de motion do site da Plantica em Next.js, com o prompt de implementação pronto de cada um.
- motion
- gsap
Motion · Next.js
Engenharias reversas de motion em Next.js: os padrões de animação de sites premium, destrinchados com prompts de implementação.
Motions premium em Next.js: os 18 padrões do site da ANAI, passo a passo
A arquitetura híbrida do site da ANAI — CSS vars, tweens por seção e canvas — destrinchada em 18 padrões de motion com prompts prontos.
- motion
- gsap
Motions premium em Next.js: os 15 padrões do site do Studio Modular, passo a passo
A arquitetura componentizada do site do Studio Modular — módulos com gates, scroll nativo e CSS de ponta — em 15 padrões de motion com prompts prontos.
- motion
- gsap
Motions premium em Next.js: os 16 padrões do site da Beetogreen, passo a passo
Estados por seção, GSAP mínimo e CSS máximo: os 16 padrões de motion do site da Beetogreen em Next.js, com replay por chave e o prompt pronto de cada um.
- motion
- gsap
Motions premium em Next.js: os 17 padrões do site da InterGest Canada, passo a passo
GSAP, Framer Motion e Embla no mesmo site sem brigar: os 17 padrões de motion da InterGest Canada em Next.js, com o prompt de implementação pronto de cada um.
- motion
- gsap
Guia definitivo — Site Next.js com foco em Motion e Scroll
A fundação de scroll que, quando falta, faz as animações simplesmente não funcionarem: Lenis, GSAP e Next.js ligados na ordem certa, com os erros a evitar.
- next.js
- lenis