Capture
Record the reference
Use Playwright screenshots and traces to preserve the original timing, layout, and scroll states.
Motion replication
Motion replication workbench
A quiet lab route for validating reference-site motion capture, Playwright analysis, and GSAP rebuilds.
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.