Animature 是一个高性能、视觉沉浸式的前端项目，它复现了 Zentry 屡获殊荣的设计和动画机制。
该项目采用尖端的 Next.js 15 和 React 19 构建，是现代网页动画的大师级作品。它利用 GSAP (GreenSock) 来编排复杂的代码时间轴、滚动触发效果和视频处理，同时通过 Tailwind CSS 保持响应式布局。
主要功能
- 电影级 Hero 栏目：复杂的视频遮罩和随用户交互动态变化的切换效果。
- 滚动触发动画：利用 GSAP ScrollTrigger 实现元素的淡入、滑动和变形，打造叙事化体验。
- 交互式 Bento 网格：支持倾斜效果的现代化卡片布局，具有 3D 触感反馈。
- 文字揭示效果：交错出现的字符动画，赋予排版生命力。
- 裁剪路径（Clip-Path）过渡：在网站各部分之间使用高级 CSS 几何过渡效果。
- 性能优化：与 React 19 服务端组件集成的流畅 60fps 动画。
Animature 弥合了电影级叙事与实用网页性能之间的鸿沟，展示了 GSAP 在 React 19 环境下的强大能力。