Back to projects

Platform

PixelBrix

Shipped
ReactCanvas APITypeScriptAlgorithmsTailwind
PixelBrix preview

A web application that converts any image into a buildable brick mosaic with optimized color palettes. Users upload an image, select a grid size and available color palette, and the algorithm maps each pixel region to the nearest available brick color using perceptual color distance (CIEDE2000). The output includes a buildable grid layout, a parts list, and step-by-step assembly instructions.

CIEDE2000 perceptual color distance for accurate palette mapping

Real-time canvas rendering with adjustable grid resolution

Exportable parts list and step-by-step build instructions

Palette optimizer that minimizes unique brick colors needed

EOF

Joey Schnepel — Phoenix, AZ — 2026