← All projects

Free Merch Maker

Type a word and it returns t-shirt designs built from slogans and stock imagery.

Free Merch Maker screenshot
Started2022
Built withNext.js, TypeScript, MUI, sharp, Puppeteer, OpenAI

Free Merch Maker turns a single word into merchandise designs. You type a niche — cycling, cats, accountants — and it returns a grid of finished images, each one a slogan set over an icon or photo pulled from a free image library, and optionally mocked onto a t-shirt in one of five colours. Everything downloads for free, with no account.

I wanted to know whether the design half of print-on-demand could be reduced to a pipeline. Sellers need volume more than they need any one good design, and most of what they produce is a small number of layout patterns repeated over different words and pictures. That is a composition problem, so I built a composer rather than an editor.

The interesting part is underneath. A design is a named list of steps — around thirty of them, covering blur, gradients, triangles, colour extraction, HTML rendered through headless Chromium, and finally shirtify. Each step declares its own field metadata, so the visual editor builds its form automatically, and a whole process serialises to base64 in the URL. That makes every design a plain GET request for a PNG, which is why Slogans.ai now uses the same endpoints as its rendering engine over HTTP. The front end is showing its age; the pipeline is the part worth keeping.