https://github.com/notoriousb1t/polymorph

Get Your SVG into Shape!
https://github.com/notoriousb1t/polymorph

animation just-animate path polymorph popmotion svg svg-morph

Last synced: 3 days ago
JSON representation

Get Your SVG into Shape!

• Host: GitHub
• URL: https://github.com/notoriousb1t/polymorph
• Owner: notoriousb1t
• Created: 2017-10-19T12:02:00.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-05-12T22:39:06.000Z (9 months ago)
• Last Synced: 2025-01-20T11:05:53.353Z (10 days ago)
• Topics: animation, just-animate, path, polymorph, popmotion, svg, svg-morph
• Language: TypeScript
• Homepage: https://notoriousb1t.github.io/polymorph-docs/
• Size: 5.24 MB
• Stars: 289
• Watchers: 7
• Forks: 9
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Polymorph

*Morph SVG Paths*

[![npm version](https://badge.fury.io/js/polymorph-js.svg)](https://badge.fury.io/js/polymorph-js)

[![Build Status](https://travis-ci.org/notoriousb1t/polymorph.svg?branch=master)](https://travis-ci.org/notoriousb1t/polymorph)

[![Downloads](https://img.shields.io/npm/dm/polymorph-js.svg)](https://www.npmjs.com/package/polymorph-js)

## Features

 - morphs between two or more svg paths using a simple function

 - handles variable length paths and holes in paths

 - compatible with [Just Animate](https://github.com/just-animate/just-animate), [Popmotion](https://github.com/popmotion/popmotion), [nm8](https://github.com/davidkpiano/nm8), [TweenRex](https://github.com/tweenrex/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](https://notoriousb1t.github.io/polymorph-docs) to get started or check out the demos below.

## Demos

- [Morph Leonardo da Vinci to a Skull](https://codepen.io/notoriousb1t/pen/KyPoYm)

- [Charmander Evolves with Just Animate 2 + Polymorph](https://codepen.io/notoriousb1t/pen/gXpYEG?editors=1010)

- [Morphin' Icons with Just Animate 2 + Polymorph](https://codepen.io/notoriousb1t/pen/veMyxw?editors=1010)

## License

This library is licensed under MIT.

## Have a question or something to contribute?

Please create an [issue](https://github.com/notoriousb1t/polymorph/issues) for questions or to discuss new features.

## Special Thanks

Special thanks to [@shshaw](https://twitter.com/shshaw) for the amazing logo and artwork!