morphicons
笔画图标之间的万能变形动画库。任何图标能变形成任何另一个图标,带弹簧物理。旋转不用手写声明,直接从数学里长出来(2D Procrustes + 极坐标插值),arrow-right 到 arrow-down 自己算出转 90 度。零运行时依赖。
- React / Vue / Svelte / React Native / Web Component 通吃;
- 图标来自数据包(lucide 那种 IconNode),不是组件包,按需 tree-shake;
- 三种用法,改个 prop 就自动变形,或者手动控制进度、命令式触发;
- 无障碍默认做好,SSR 干净,服务端直接吐静态 SVG 零闪烁;
- 不像别的库要么坐标硬插值导致形状扭曲,要么每个图标对手写旋转分组。
菜单开合、导航切换这些地方放一个,观感立刻不一样。
工具地址:https://github.com/guillermolg00/morphicons
#工具 #图标 #动画 #前端
Post #592
12
