Thought it would be cool to add a self-drawing SVG animation to my portfolio, but it took some time to figure out. anime.js has this feature, but getting it to work properly and converting an image into clean SVG paths (with the right threshold and other settings) takes some time. So I built a tool for it.
You drop in a photo or logo, it converts it into SVG paths, then animates those paths so they draw themselves like a pen sketch.
Works best with illustrations, cartoons, and clean line drawings. Real-world photos are harder to convert into clean paths.
Works best with illustrations, cartoons, and clean line drawings. Real-world photos are harder to convert into clean paths.
Live demo: https://img2svg-animation.vercel.app/
Open to feedback or suggestions if you have any.