alexk111/SVG-Morpheus

Health v2 · maintenance only

Adoption not part of the score

2697 stars · 240 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A standalone JavaScript library that animates SVG icons morphing from one shape to another, implementing Material Design's Delightful Details transitions. It works by embedding an icon set SVG in the page and calling a simple `to(iconId)` API to trigger the transition.

Use cases

• animate svg icons morphing between shapes on my website
• implement material design delightful details icon transitions
• morph a menu icon into a close icon with animation
• transition between icons in an svg icon set with easing and rotation
• add animated icon state changes to a web app without a framework

When to choose

• you need Material Design-style morphing transitions between SVG icons with a tiny dependency-free script
• you want a simple `to(iconId)` API to swap icons with configurable duration, easing, and rotation
• your project already uses legacy tooling (Bower/npm) and just needs a drop-in script tag

When to avoid

• you need a maintained library - the project is explicitly unmaintained since 2017
• you need modern build tooling, TypeScript types, or framework integrations (React/Vue components)
• you need to animate arbitrary SVG graphics rather than icon-set shape morphs

Facets

library · maturity abandoned

animation ui-components frontend-framework web-development frontend web-design browser svg icons material-design icon-morphing transition-animations not-maintained nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="alexk111/SVG-Morpheus")