polymorph-js

Morph SVG shapes

Usage no npm install needed!

<script type="module">
  import polymorphJs from 'https://cdn.skypack.dev/polymorph-js';
</script>

README

Polymorph

Morph SVG Paths

npm version Build Status Downloads gzip size Greenkeeper badge

Features

  • morphs between two or more svg paths using a simple function
  • handles variable length paths and holes in paths
  • compatible with Just Animate, Popmotion, nm8, TweenRex, and other animation libraries
  • Super tiny, about 6k minified
  • Free for commercial and non-commercial use under the MIT license

Flubber (53kb)

Polymorph (6kb)

Get Started

Read the full documentation to get started or check out the demos below.

Demos

License

This library is licensed under MIT.

Have a question or something to contribute?

Please create an issue for questions or to discuss new features.

Special Thanks

Special thanks to @shshaw for the amazing logo and artwork!