Premium motions in Next.js: the 18 patterns of the Plantica site, step by step
The animation architecture of the Plantica site, broken down into 18 motion patterns with a ready-made implementation prompt for each one.
- motion
- gsap
Motion · Next.js
Motion reverse-engineered in Next.js: the animation patterns of premium sites with GSAP, CSS, Lenis and canvas, broken down with a ready-made prompt for each.
Premium motions in Next.js: the 18 patterns of the ANAI site, step by step
The hybrid architecture of the ANAI site, with CSS vars, per-section tweens and canvas, broken down into 18 motion patterns with ready-made prompts.
- motion
- gsap
Premium motions in Next.js: the 15 patterns of the Studio Modular site, step by step
The componentized architecture of the Studio Modular site: gated modules, native scroll and cutting-edge CSS, in 15 motion patterns with ready-made prompts.
- motion
- gsap
Premium motions in Next.js: the 16 patterns of the Beetogreen site, step by step
The per-section state architecture of the Beetogreen site, with minimal GSAP, maximal CSS and replay by key, in 16 motion patterns with ready-made prompts.
- motion
- gsap
Premium motions in Next.js: the 17 patterns of the InterGest Canada site, step by step
GSAP, Framer Motion and Embla on the same site without fighting: the 17 motion patterns of the InterGest Canada site in Next.js, each with a ready-made prompt.
- motion
- gsap
The definitive guide — a Next.js site built around motion and scroll
The scroll foundation that, when missing, keeps the animations from working at all: Lenis, GSAP and Next.js wired in the right order and the mistakes to avoid.
- next.js
- lenis