设计资源DESIGN· MOTION
productdevbook/motion
一个5KB的Vue动画库,让你轻松添加弹簧和硬件加速动画。A tiny 5KB animation library for Vue 3 and Nuxt 3 developers who want spring-based, hardware-accelerated motion.
根据公开文档整理,未运行实测;费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
能力CAPABILITIES
用几行代码给页面元素加动画
让按钮或卡片有弹簧弹跳效果
独立控制元素的位移、旋转、缩放
让动画流畅不卡顿(硬件加速)
在Vue 3或Nuxt 3项目中直接使用
Animate Vue components with spring-like physics.
Transform position, scale, rotation independently.
Create hardware-accelerated transitions in Nuxt 3.
Add performant micro-interactions to interactive UIs.
上手GET STARTED
文档里没有找到可识别的安装命令。这类项目按发布规则不会进入榜单,只能在这里查看。No recognisable install command was found in the docs. Projects like this never enter the ranked list under our publishing rules — they are viewable here only.
npm install @oku-ui/motionAdd it to your project using npm or yarn with the @oku-ui/motion package.
使用限制LIMITATIONS
以下要求与风险来自文档静态检查,未执行项目代码;扫描没有命中,不代表使用安全。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
项目动态PROJECT ACTIVITY
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
+0.0%+0.0%
247 → 247 stars · 16 个快照247 → 247 stars · 16 snapshots
状态STATUS
已归档Archived
轻量(5KB)且基于成熟的 Motion 库,适合在 Vue 3 或 Nuxt 3 项目中快速添加弹簧动画和硬件加速动效。Bundle size is 5KB, minimizing impact on load times.
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.
静态扫描未发现明显风险,但不代表安全。The static scan found no obvious risk patterns in the docs, but that does not prove the code is completely safe. Always review dependencies before using in production.
{
"agents": [],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 6,
"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
}每周一周刊Monday weekly digest