Capture
Record the reference
Use Playwright screenshots and traces to preserve the original timing, layout, and scroll states.
Replica movimento
Workbench replica movimento
Una rotta lab discreta per validare motion capture di siti di riferimento, analisi Playwright e ricostruzioni GSAP.
GSAP timeline
A small scoped reveal pattern for reference-site rebuilds
This client component keeps animation state inside a local scope, supports reduced motion, and leaves existing Motion components untouched.
Map
Translate motion intent
Break the reference into triggers, timelines, easing, transforms, and accessibility constraints.
Rebuild
Ship a maintainable version
Implement scoped GSAP timelines in React without leaking animation state across renders.