morphicons — SVG icon morphing library for React, Vue & Svelte
Morph any SVG icon into any other with spring physics. Animate Lucide, Tabler and Heroicons in React, Vue, Svelte, React Native, Astro or vanilla JS. Zero dependencies, ~6 KB gzip.
Morph any SVG icon into any other. Animate Lucide, Tabler, Heroicons or any stroke icon set. Optimal rotation solved in closed form, spring physics, zero dependencies. npm install morphicons That is the whole thing — in React, Vue, Svelte, React Native or Astro (no island needed: the icon upgrades to a web component). No wrappers, no keys, no from/to pairs, no configuration. Swap the pair for any two icons above. Six kilobytes of math. morphicons solves the optimal similarity between two shapes in closed form (2D Procrustes): if a pair is congruent under rotation, it rotates; if not, it…
saved by
related reading
- GitHub - guillermolg00/morphicons: Any icon morphs into any other — universal morphing for stroke-based icons with spring physics. Zero dependencies, ~7 KB gzip.github.com
- ui.sh — Agent skills for interface buildersui.sh
- QuiverAI – Building the Future of Vector Designquiver.ai
- Wonder — What you see is what you shipwonder.design
- UI Skills for Design Engineers | UI Skillsui-skills.com
- DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design
- Anime.js | JavaScript Animation Engineanimejs.com
- Swishy - AI Motion Designer & Animator | Create Stunning Animationsswishy.ai
- Subframe – The AI design tool built for codesubframe.com
- justinzwu.comjustinzwu.com
- Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
- Line Awesome — Free Beautiful Icon Fonticons8.com