GSAP
前端动画框架，诞生于2008年，经过超过15年工程打磨的成熟JavaScript动画库，提供高性能渲染引擎，支持补间动画、滚动触发、时间轴编排等能力，现已完全免费开放
时间轴 (近 90 天)
一款Skills CLI工具可以把动画框架（如SAP/GSAP类动画）的官方规则直接分发给超过40种AI Agent
更高级的动画场景会借助 Three.js（WebGL 3D）、GSAP（补间动画库）或 Remotion（用 React 编写视频）等框架
对于前端动效实现，Cursor 通常会根据提示词选择 CSS Keyframes、JavaScript requestAnimationFrame 或基于 GSAP 等动画库的实现方式并生成完整可运行片段
微动效通常依赖CSS transitions/animations或JavaScript动画库（如GSAP、Framer Motion）实现
GSAP默认使用transform进行动画，这是其高性能的原因之一
高端交互网站的核心技术栈通常包括Three.js/WebGL、GSAP、React/Vue/Next.js等现代框架、Shader编程和性能优化技术
GSAP能够以60fps的帧率流畅运行，即使在低性能设备上也能保持稳定
GSAP相比CSS动画提供了更精确的时间控制、更复杂的动画序列编排能力和更好的浏览器兼容性
GSAP的ScrollTrigger插件是当前最流行的滚动触发实现方案,提供声明式API来定义滚动位置与动画进度的映射关系
SVG动画通常通过CSS animations、SMIL或GreenSock（GSAP）等动画库实现，可达到60fps流畅效果，文件体积远小于同等画质的GIF或视频
全部知识事实 (12)
推荐的前端技术栈组合为React + Next.js、Tailwind CSS、Framer Motion + GSAP、Three.js
85%待验证AnimeJS完全开源免费且无许可证限制，而GSAP（GreenSock Animation Platform）是商业方案
80%待验证GSAP的ScrollTrigger插件是当前最流行的滚动触发实现方案,提供声明式API来定义滚动位置与动画进度的映射关系
60%待验证SVG动画通常通过CSS animations、SMIL或GreenSock（GSAP）等动画库实现，可达到60fps流畅效果，文件体积远小于同等画质的GIF或视频
60%待验证一款Skills CLI工具可以把动画框架（如SAP/GSAP类动画）的官方规则直接分发给超过40种AI Agent
50%待验证更高级的动画场景会借助 Three.js（WebGL 3D）、GSAP（补间动画库）或 Remotion（用 React 编写视频）等框架
50%待验证对于前端动效实现，Cursor 通常会根据提示词选择 CSS Keyframes、JavaScript requestAnimationFrame 或基于 GSAP 等动画库的实现方式并生成完整可运行片段
50%待验证微动效通常依赖CSS transitions/animations或JavaScript动画库（如GSAP、Framer Motion）实现
50%待验证GSAP默认使用transform进行动画，这是其高性能的原因之一
50%待验证GSAP能够以60fps的帧率流畅运行，即使在低性能设备上也能保持稳定
50%待验证高端交互网站的核心技术栈通常包括Three.js/WebGL、GSAP、React/Vue/Next.js等现代框架、Shader编程和性能优化技术
50%待验证GSAP相比CSS动画提供了更精确的时间控制、更复杂的动画序列编排能力和更好的浏览器兼容性
50%