HN Showcase
Back to browse
Turn any image into self-drawing SVG line art

Turn any image into self-drawing SVG line art

by a1stok·Jul 17, 2026·1 point·0 comments
Visit ProjectView on HN

AI Analysis

●MidCozy

Clean SVG path tracing, but struggles with real photos.

Strengths
  • •Automates the tedious process of manually tracing SVG paths for animation.
  • •Simple drag-and-drop interface requires no technical setup.
Weaknesses
  • •Limited utility for complex photos; best suited for simple cartoons.
  • •Competes with established vector tools like Illustrator and Inkscape.
Category
Design
Target Audience

Frontend developers and digital artists

Similar To

Vectorizer.ai · Adobe Illustrator

Post Description

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.

Live demo: https://img2svg-animation.vercel.app/

Open to feedback or suggestions if you have any.

Similar Projects