项目近7天有4次提交，开发活跃
88 components across three libraries: Magic UI, Spell UI, and Fancy Components
前端开发者
Svelte 5 developers
目标用户 · 非用户评价Target user · not a testimonial
SKILLS & AGENTS/Skill 与 Agent·COLLECTION
SikandarJODD/animations
88 个动画组件，Svelte 5 的免费动画库来了88 copy-paste animation components for Svelte 5, all free and open source
Svelte 5动画组件库，88个可复制粘贴的动画效果。A free, open-source set of 88 copy-paste animation components for Svelte 5, from Magic UI to Spell UI.
怎么装：Install: pnpm dlx sv create my-app
02 / 现在的位置02 / Why now
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
历史不足Not enough history
只有 1 个快照，还不足以计算增长Only 1 snapshots so far — not enough to compute growth
讨论DISCUSSION
暂无None
还没有采集到外部讨论No external discussion collected yet
状态STATUS
持续活跃Active
质量 A-Quality A-
项目近7天有4次提交，开发活跃88 components across three libraries: Magic UI, Spell UI, and Fancy Components
03 / 它能帮你做什么03 / What it helps you do
复制粘贴现成的动画组件到Svelte 5项目
用一行命令添加文字变形等动画效果
从Magic UI、Spell UI、Fancy Components中挑选组件
用motion-sv库制作动画效果
Install a component from the library with one pnpm command.
Add a morphing text effect to your Svelte 5 app.
Browse demos for all 88 components on the docs site.
Copy and paste animation components from three collections.
Customize animations with Tailwind and motion-sv.
04 / 谁在用04 / WHO IT’S FOR
项目近7天有4次提交，开发活跃
88 components across three libraries: Magic UI, Spell UI, and Fancy Components
前端开发者
Svelte 5 developers
目标用户 · 非用户评价Target user · not a testimonial
拥有355个star，社区关注度较高
4 commits in the last 7 days show active maintenance
设计师
Frontend designers who want animated UI
目标用户 · 非用户评价Target user · not a testimonial
包含88个可直接复制使用的动画组件
0 open issues and an MIT license
独立开发者
Developers using shadcn-svelte
目标用户 · 非用户评价Target user · not a testimonial
项目近7天有4次提交，开发活跃
88 components across three libraries: Magic UI, Spell UI, and Fancy Components
前端开发者
Hobbyists who want free, open-source components
目标用户 · 非用户评价Target user · not a testimonial
不适合谁Not for同样来自文档，不是我们的判断Also from the docs, not our judgement
05 / 安装05 / Install
$ README 里给出的安装方式。The installation method given in the README.
$ README 里给出的安装方式。The installation method given in the README.
两种装法选一个即可 —— 上面那条给命令行用户，下面那条给写代码的用户。Pick one of the two — the first is for command-line users, the second for people writing code.
先用pnpm dlx sv create my-app创建项目并选择Tailwind CSS，然后运行pnpm dlx shadcn-svelte@latest init，接着pnpm add motion-sv，最后用pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/morphing-text.json安装组件。Create a Svelte 5 app, initialize shadcn-svelte, add motion-sv, then install each component with a pnpm add command.
06 / 限制与风险06 / 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 obvious risk patterns in the documentation, but that does not prove the project is 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.
依赖：Dependencies:@fontsource-variable/figtree, @fontsource-variable/geist, @fontsource-variable/geist-mono, @fontsource-variable/shantell-sans, @neoconfetti/svelte, @shikijs/langs, @shikijs/themes, cn, cobe, gsap, isomorphic-dompurify, lenis
{
"agents": [],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 1,
"ai-tools": 0,
"dev-tools": 0,
"indie-web": 0,
"skill-agent": 0,
"productivity": 0
},
"primary": "skill-agent",
"secondary": "collection"
},
"localRuntime": null,
"skillMdTotal": 1,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 0,
"design": 12,
"browser": 0,
"devtool": 0,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "1 SKILL.md with name + description",
"weight": 0.95
}
],
"scannedSources": [
"readme",
"SKILL.md"
],
"skillMdFetched": 1
}