正在打开每日关注
正在打开每日关注
用闭式旋转对齐与可中断弹簧,让任意描边 SVG 图标平滑互变。
wtf this is crazy: https://t.co/K63WPhXACn https://t.co/mP42RfPqwz
是什么 这是一个面向 React、Vue、Svelte 等生态的 SVG 图标变形库,核心价值不是增加图标数量,而是把两个图标之间的状态转换做成可复用的交互基础设施。页面展示了菜单与关闭图标之间的典型切换,并声称支持 Lucide、Tabler、Heroicons 等描边图标。
核心设计 它将图标作为 d 属性或 Lucide IconNode 数据处理,而不是绑定具体组件。运行时通过二维 Procrustes 方法求解形状间的最优相似变换:适合旋转的图标先旋转对齐,否则在对齐坐标系中进行变形;再结合可中断的弹簧物理,减少状态快速切换时的跳变。核心不接触 DOM,并以共享 rAF 驱动多个图标,页面宣称核心约 6.5KB、零运行时依赖。
关键洞察 高质量图标动效的关键是几何对齐、状态连续性和静止时的视觉稳定,而不只是套用 easing。结构化输入也让跨图标库、跨框架复用成为可能。
边界与风险 目前只有文字证据,无法验证复杂路径、非对称图标或不同拓扑下的实际观感。页面的性能与兼容性数据属于项目自述,落地前仍应针对真实图标组合测试变形质量、无障碍状态表达和 reduced-motion 行为。