# alexk111/SVG-Morpheus

JavaScript library enabling SVG icons to morph from one to the other. It implements Material Design's Delightful Details transitions. (THIS PROJECT IS NOT MAINTAINED ANYMORE)

Repository: https://github.com/alexk111/SVG-Morpheus
Canonical: https://ross.abutalabs.com/products/svg-morpheus
Language: JavaScript
License: MIT
License Family: permissive
Last push: 2017-07-21T12:53:57+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 4300, "days_push": 3330, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2697, forks 240 (observed 2026-08-28T04:07:11.216506+00:00)

## What it is
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
- artifact type: library
- maturity: abandoned
- function: animation, ui-components, frontend-framework
- domain: web-development, frontend, web-design
- platform: browser
- tags: svg, icons, material-design, icon-morphing, transition-animations, not-maintained, nodejs, web-server

## Member repositories
- alexk111/SVG-Morpheus (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:11.216506+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:16:12.509892+00:00, confidence not recorded.
  - readme: https://github.com/alexk111/SVG-Morpheus (fetched 2026-08-28T04:07:11.216506+00:00, sha eaaf433bde75)
  - registry_npm: https://registry.npmjs.org/svg-morpheus (fetched 2026-08-29T09:59:37.453830+00:00, sha aea4c3feadb8)
- Data as of 2026-08-30T08:39:29.467469+00:00.