String art

Finished

From pixels to lines. This algorithm turns raw pixel data into beautiful line art. It starts at one pin, checks all possible connections, and draws the line that improves the image best. Then it does it again—until a full pattern emerges. Try it with any photo: drag or paste it in, tweak the settings, and find your perfect result. Just note—some settings may slow down processing or cause artifacts, so experiment carefully! All the galery samples have been created with 900 pins, 7000 lines, 7 of width and different contrast values.

Html

CSS

React

TypeScript

Next.js

Tailwind CSS

GitHub