DESIGN/设计资源·MOTION
Gamote/lottie-react
一个组件搞定 Lottie 动画，从简单播放到完全控制。
在React项目里播放Lottie动画的组件和钩子，简单又灵活。Lottie animations in React: one component for the easy path, the whole engine when you need control.
怎么装：Install: npm i lottie-react
02 / 现在的位置02 / Why now
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
+0.0%+0.0%
969 → 969 stars · 5 个快照969 → 969 stars · 5 snapshots
状态STATUS
持续活跃Active
项目已稳定运行多年，拥有近千星标，社区认可度高。
03 / 它能帮你做什么03 / What it helps you do
在 React 页面里直接播放 Lottie 动画
用钩子精细控制动画播放和跳转
动画自动填满你设定的容器
从本地文件或网络地址加载动画
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 i lottie-react
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.
静态扫描未发现明显风险，但不代表安全。
这里只做静态扫描：读 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.
依赖：Dependencies:lottie-web, react, react-dom
{
"agents": [
{
"agent": "claude-code",
"evidence": "tree: .claude/"
}
],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 4,
"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": 4,
"browser": 0,
"devtool": 0,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [],
"scannedSources": [
"readme"
],
"skillMdFetched": 0
}