GSAP Showcase 是两层技能体系中的“品味层”,专注于完整的高级动画组合,而非单个插件 API。若需单个 GSAP 插件的 API,应调用对应官方技能(如 gsap-core、gsap-plugins、gsap-timeline、gsap-scrolltrigger 等)。
用途:为高级动画提供可参考的完整组合方案。推荐工作流:先在 showcase 中查找与需求相似的组合,研究其编排方式(插件组合、时序、分层、响应式处理),再用各技术技能实现具体组件(滚动触发用 gsap-scroll、文字揭示用 gsap-text、交互用 gsap-interact 等)。showcase 提供“做什么”和“为什么”,技术技能提供“怎么做”。
分类:hero-sections(首屏展示)、scroll-experiences(沉浸式滚动场景)、interactive-scenes(复杂交互组合)、page-transitions(整页过渡,计划中)、loading-sequences(高级加载动画,计划中)。
每个参考文件(references/<category>/)包含:来源(原始 CodePen 链接与作者)、所用插件、高级之处说明、编排说明、完整代码(HTML+CSS+JS)、改编说明。
已收录案例包括:响应式 SplitText 动画器、响应式 matchMedia、垂直滚动 Rolodex、旗舰案例 Free For All、复杂 SVG 时间线、Bento 画廊滚动、卡片堆叠、曲线滑动、图像序列、无限卡片滑块等,涉及 SplitText、ScrollTrigger、Flip、MorphSVG、Physics2D、MotionPath、DrawSVG 等插件。
限制:具体价格、平台支持、安装命令及更新频率等资料暂未提供。