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

No packages published

Languages