动效复刻

动效复刻工作台

一个不挂导航的最小工作台，用来验证参考网站动效分析、Playwright 捕获和 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.

Capture

Use Playwright screenshots and traces to preserve the original timing, layout, and scroll states.

Map

Break the reference into triggers, timelines, easing, transforms, and accessibility constraints.

Rebuild

Implement scoped GSAP timelines in React without leaking animation state across renders.