I Built Bead Grid Studio — An Open-Source Image-to-Fuse-Bead Pattern Generator 🫘

I built Bead Grid Studio 🫘

I wanted an easier way to turn images into practical fuse-bead patterns, so I built Bead Grid Studio.

It is a free and open-source browser tool that turns an image into an editable bead pattern.

What it can do

• 🖼️ Convert images into fuse-bead patterns
• 🎨 Automatically match bead colors
• ✏️ Manually edit the generated pattern
• 🔢 Count how many beads of each color you need
• 📐 Generate grids, coordinates, and color codes
• 🖨️ Export printable construction patterns
• 📱 Works on desktop and mobile
• 🔒 Processes images locally in your browser

No account is required, and your original image does not need to be uploaded to a server.

Why local-first?

Privacy was important to me while building this.

Image decoding, conversion, editing, and exporting happen directly in the browser.

There is also an offline version that can run from a single HTML file.

Try it / Source code

GitHub:

https://github.com/zwhy149/bead-grid-studio

The project is still young, so I would really appreciate feedback from other developers and makers.

If you find:

• a conversion that looks wrong
• a color-matching problem
• a UI issue
• an accessibility problem
• an idea for a useful feature

please feel free to open an Issue.

Contributions and Pull Requests are also very welcome. 🙌

And if you find the project useful, a ⭐ on GitHub would mean a lot and helps me know that this is worth continuing to improve.

Thanks for checking it out! 🫘