主流 App 的界面动效录屏库:2000+ 条覆盖 487 个应用,按手势/交互模式筛选
shapcn
图标平滑变形:太阳变月亮不是切换是流动,Lucide 全家支持,引擎仅 80KB
内容更新日期 · 2026-10-30
What is it · 它是什么
什么是 shapcn
shapcn 是形状感知的图标变形动画工具:改变图标名后,任意图标平滑「流动」成另一个(太阳→月亮、菜单→关闭)。诀窍是先给图标各部分建立层级绑定关系,让部件按顺序移动,而不是所有点同时乱滑。Lucide、Tabler、Phosphor 等主流图标库全支持,可自定义;引擎约 80KB(gzip),含全部 1858 个 Lucide 图标约 170KB。MIT 开源,和站里 Lucide 图标库是绝配。
How to use · 怎么用
怎么用 shapcn
- 官网 playground 挑两个图标试变形效果。
- script/npm/shadcn CLI 任一方式安装。
- 主题切换、菜单开合等状态变化处最能出彩。
Key features · 核心特点
shapcn 的核心特点
- 形状感知变形,不是切换是流动
- Lucide/Tabler/Phosphor 全支持
- 引擎约 80KB,轻量
- MIT 开源,支持自定义图标
