Kerach Go

Kerach Go is a petite text shader whose entire code fits into a single HTML file. The roots of this project trace back to when I saw a post about GradientGen on X (https://noegarsoux.github.io/GradientGen/). It inspired me to take its source code, add a couple more gradients, and create my own gradient playground called Merucav (https://merucav.netlify.app/). I kept improving Merucav, and after a while, it offered more than a dozen shaders along with the ability to add simple shapes, text, and icons to the canvas. Eventually, I decided to make a logo for Merucav using the tool itself—but then I hit a roadblock. I wanted to apply a shader mask to text, and Merucav simply wasn’t capable of that. So, I took its source code, opened Firebase Studio, and vibecoded a new app that could use text as a mask to reveal a shader behind it. The result was rough but functional, and I figured I might as well publish it—after polishing it a bit first. After refining it further, the tool became practical for quickly creating simple logos and banners. Then, with help from Google AI Studio and Perplexity, I ported Kerach from a Next.js app to a “makeshift React that fits into a single HTML file” framework—or whatever you’d actually call it—which is where the “Go” part of the name comes from. I also added the color tools from Nof (https://northstrix.github.io/nof-go/), a project I was developing earlier, so users can easily pick matching colors for their shaders without leaving the app.