入门
浏览并安装 fxshelf 动效包
fxshelf 是一组可复制源码、按需安装的 React / Vue 微动效包。
每个动效独立发布在 @fxshelf/* 下，只装你需要的那个即可。
浏览
Card Orbit
路径约束的 3D 卡片轨道 —— 升起、弧线、飞出。
Glyph Rain
Matrix 风格字符雨 —— 光标搅动，可选内容照明。
Starfield
Canvas 星空隧道 —— 透视飞近、闪烁与拖尾。
npm install @fxshelf/card-orbit已发布包见 npm @fxshelf/card-orbit。CDN 示例与完整用法见各动效文档页。
新增动效
- 在
packages/<id>/新建包，name设为@fxshelf/<id> - 在
apps/site/lib/effects.ts追加一条 registry - 添加
apps/site/content/docs/effects/<id>.mdx - 更新
apps/site/content/docs/effects/meta.json - 首页卡片会自动读取 registry