AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

NomanShaders & WebGPU

Dot Shader

By Noman (iamnoman.com), Dot Shader turns photos and vector art into halftone compositions with a full-viewport editor and a pixelated canvas overlay that keeps the UI feeling tactile. Drag in images, dial dot density and palette from preset chips or a live color picker, and iterate on the look without leaving the page. A strong reference for creative tools that pair GPU-style shader output with restrained product chrome, minimal nav, Inter type, and motion that stays out of the way.

What's interesting

  • Halftone image tool with a polished interface: upload stills or SVG, tune dot size and color, and preview shader-driven dither in the browser.
  • Com), Dot Shader turns photos and vector art into halftone compositions with a full-viewport editor and a pixelated canvas overlay that keeps the UI feeling tactile.
  • Drag in images, dial dot density and palette from preset chips or a live color picker, and iterate on the look without leaving the page.

Tags

HalftoneShaderImageCreativeToolsCraft