morphicons: a JavaScript library that morphs any compatible stroke icon into another with spring physics.
It works with Lucide, Tabler, Heroicons outline, Iconoir, and custom SVG paths. React, Vue, direct DOM, and pure geometry entries cover common frontend stacks.
Key details:
- Automatic rotation calculated from icon geometry.
- Interruptible motion during rapid clicks.
- Controlled progress for gestures and scrolling.
- Static SVG output for server-rendered interfaces.
- Reduced-motion handling.
- Zero runtime dependencies.
The component only needs the current icon data. Shape matching, rotation, path interpolation, and spring motion stay inside the library.
👉 Blog Post
👉 GitHub Repo
👉 Live Demo
Top comments (0)
Some comments may only be visible to logged-in visitors. Sign in to view all comments.