DESIGN/设计资源·MOTION
greensock/GSAP
28779 star,这个 JS 动画库凭什么火了 13 年28,779 stars and 13 years on — what keeps this JS animation library going strong?
GSAP是一个JavaScript动画库,让网页开发者轻松制作流畅动画。A JavaScript animation library that helps web developers create smooth, high-performance animations with minimal code.
怎么装:Install: npm install gsap
02 / 现在的位置02 / Why now
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
+0.0%+0.0%
29k → 29k stars · 2 个快照29k → 29k stars · 2 snapshots
讨论DISCUSSION
1 SOURCES1 SOURCES
4 条外部提及4 external mentions
状态STATUS
长期未更新Not updated
这个库有将近三万个star,说明很多人用它,社区活跃。Over 28,700 GitHub stars and 13 years of active development
HN_STORY · 11 points · 2 comments
HN_STORY · 5 points · 0 comments
HN_STORY · 5 points · 0 comments
03 / 它能帮你做什么03 / What it helps you do
让网页元素按时间线动起来
滚动页面时自动触发动画效果
让元素可拖拽并响应动画
实现元素翻转过渡动画
Animate any DOM element with precise control
Create scroll-driven animations using ScrollTrigger
Sequence complex timelines with simple syntax
Tween between any numeric or color values
Drag and flip elements with Draggable and Flip plugins
04 / 安装04 / Install
$ Node 用户的安装方式。The install route for Node users.
两种装法选一个即可 —— 上面那条给命令行用户,下面那条给写代码的用户。Pick one of the two — the first is for command-line users, the second for people writing code.
使用 npm install gsap 安装。Install via npm with 'npm install gsap' or include it from a CDN.
05 / 限制与风险05 / Limits and risk
风险不是警告,是可信度的一部分。以下结论只基于文档静态扫描,我们不会执行项目里的任何代码。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
未知Unknown
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.这不等于安全that does not mean it is safe,只能说明文档里没写。 — only that the docs do not mention it.
静态扫描未发现明显风险,但不代表安全。The static scan found no known risk patterns, but that does not prove the library is completely safe.
这里只做静态扫描:读 README、SKILL.md 和依赖清单,不执行代码。没有命中不代表安全。This is static scanning only: we read the README, SKILL.md and dependency list, and never execute code. No findings does not mean safe.
{
"agents": [],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 9,
"ai-tools": 0,
"dev-tools": 0,
"indie-web": 0,
"skill-agent": 0,
"productivity": 0
},
"primary": "design",
"secondary": "motion"
},
"localRuntime": null,
"skillMdTotal": 0,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 0,
"design": 7,
"browser": 0,
"devtool": 0,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [],
"scannedSources": [
"readme"
],
"skillMdFetched": 0
}