CWCentras Wang
中
← View all projects
Independent product

Browser creative tool

Bead Pattern Tool

A local image converter that remaps pixels against the exact bead brand and colour series a maker plans to use.

Stack
Next.js / TypeScript / Canvas pixel remapping
Status
Live
Access
Visit live website
Bead Studio pattern editor and colour palette controls.

Implementation notes

  1. 01
    Remapped to real colour codes

    Matching uses the bead brand's actual colour chart, not approximate RGB rounding.

  2. 02
    Fully local in the browser

    Pixel remapping runs client-side; images never upload, and patterns export at any point.

  3. 03
    Built around the maker's stash

    The palette can shrink or grow with the beads actually on hand, and the pattern follows the inventory.