JavaScript library enabling SVG icons to morph from one to the other. It implements Material Design’s Delightful Details transitions.

Add Script

Simply add the svg-morpheus.js script to your website/application. No other scripts are needed. Both the minified and uncompressed (for development) versions are in the /compile folder.

SVG-Morpheus

Usage

– Add an icon set SVG to the HTML file where you want to show the morphing icon.
– Create a SVG Morpheus instance for the icon set by calling new SVGMorpheus(element).

Demo    GitHub

Author

Designbeep is a design blog dedicated to web developers,bloggers,designers and freelancers.Our aim is to share everything about web design,graphic design,tutorials and inspirational articles and more.