Skip to content

Interactive SVG morphing playground with custom easing, live preview and code export

License

Notifications You must be signed in to change notification settings

DaPandamonium/morpher-pro

Repository files navigation

MorpherPro - SVG Morphing Tool

License Deploy Status Stars

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.

Features

  • 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.

How to Run Locally

  1. Clone the repo:

    git clone https://github.com/DaPandamonium/morpher-pro.git
    cd morpher-pro
  2. Install dependencies:

    npm install
  3. Start the dev server:

    npm run dev

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repo.
  2. Create a branch (git checkout -b my-feature).
  3. Commit your changes.
  4. Open a Pull Request.

License

MIT © DaPandamonium


If you find this project helpful, please consider giving it a ⭐ or buying me a coffee!


ko-fi

About

Interactive SVG morphing playground with custom easing, live preview and code export

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

 
 
 

Languages