Agent Skills
› nexu-io/motion-anything
› falling-text
falling-text
GitHub为标题文字提供逐个字母下落的入场动画效果，轻量且无依赖。自动适配减少运动偏好设置，适用于简短有趣的标语或标题展示。
Trigger Scenarios
需要为标题添加动态入场效果
希望实现字母逐个下落的重力感动画
Install
npx skills add nexu-io/motion-anything --skill falling-text -g -y
SKILL.md
Frontmatter
{
"od": {
"mode": "prototype",
"preview": {
"type": "html"
},
"surface": "web",
"category": "animation-motion",
"platform": "desktop",
"upstream": "https:\/\/reactbits.dev\/text-animations\/falling-text",
"design_system": {
"requires": false
}
},
"name": "falling-text",
"triggers": [
"falling text",
"letters drop in",
"掉落文字",
"逐字下落"
],
"description": "Letters drop into place one after another — a light, gravity-flavored headline entrance. One short\nplayful line; not body copy. Instant under prefers-reduced-motion.\n"
}
falling-text
A headline whose letters drop in. Dependency-free, reduced-motion safe.
How to apply
Copy css+js; <h1 data-falling>Your line</h1>.
Version History
- b016900 Current 2026-07-11 17:08
