Chromacode: Turn any static image into interactive UI without AI recreation

1 motchan 1 6/23/2025, 7:26:58 PM github.com ↗

Comments (1)

motchan · 5h ago
I built this after getting frustrated with AI constantly butchering my designs when trying to make them interactive.

The problem: You have a beautiful static design, ask AI to make it interactive, and it "recreates" everything from scratch - usually making it look terrible.

Chromacode solves this by: - Dividing any image into a structured grid - Extracting hex colors from each zone - Creating interactive overlays that preserve the original aesthetic - Zero AI interpretation - just mathematical mapping

Works with any image, any complexity. The visual integrity stays pixel-perfect while you add functionality.

Started this project trying to make a 3D interactive version of my Trello board. Ended up creating what I think is a new approach to visual-first development.

Demo and full implementation are in the repo. Would love feedback from the HN community!