MorphIcons 任意图标平滑变形
来源：github.com — guillermolg00/morphicons · ⭐ 845 · TypeScript
📋 概述
MorphIcons 是一个 TypeScript 图标动效库，让任意描边图标都能平滑变形为另一个图标，实现「万物互联」式的统一过渡效果。它面向前端开发者与动效设计师，适合用在导航切换、状态变化、菜单收展等需要图标过渡的交互场景。相比生硬的图标替换，它让图标在形态上自然渐变，视觉上更连贯精致。集成简单，能快速提升界面动效的完成度。
🔑 核心要点
- 任意图标互变：不局限于固定图标集，两个形状差异很大的描边图标也能平滑变形，覆盖多样化的图标组合。
- 描边图标动效：针对线条型图标做了专门优化，变形时保持描边连贯自然，避免中间态断裂或突兀。
- 前端轻松集成：作为 TypeScript 库设计，用简单 API 即可接入 React/Vue 等前端项目，无需复杂动画配置。
- 适合交互场景：在导航切换、加载状态、展开收合等场景用图标变形替代生硬替换，让界面反馈更有质感。
💡 金句
图标之间不再生硬切换，一条曲线就能让它们自然长成彼此。
👍 0
👎 0
← 返回 GitHub Trending 首页