A simple tool to create, edit, and export SVG path morphs. I built this because I tired of manually adjusting icons for every project. It helps you visualize how one SVG shape transforms into another.
- Live Preview: See your morphs in clean UI components.
- Custom Easing: Use "Glitch", "Wobble", or standard curves.
- Export Ready: Get the exact CSS or Framer Motion code you need.
- PandaCSS: Built to show off modern CSS-in-JS styling.
-
Clone the repo:
git clone https://github.com/DaPandamonium/morpher-pro.git cd morpher-pro -
Install dependencies:
npm install
-
Start the dev server:
npm run dev
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repo.
- Create a branch (
git checkout -b my-feature). - Commit your changes.
- Open a Pull Request.
MIT © DaPandamonium
If you find this project helpful, please consider giving it a ⭐ or buying me a coffee!