html-gfx
Design social cards, thumbnails, and more in a live editor, rendered pixel-perfect in the cloud.
Create a graphicWhy html-gfx?
Canva, GIMP, and Photoshop are built for open-ended design work — layers, effects, precise pixel control. Most of the time you don't need any of that. You need one banner, one social card, one thumbnail — sized right, on-brand, done in a minute.
html-gfx skips the design-tool overhead entirely: pick a size, style your text, choose a background, and export. No sign-up, no file management, no learning curve — just the handful of controls a one-off graphic actually needs, rendered exactly as you see it.
FAQ
What is this?
A tool for designing simple, shareable graphics in a live editor.
What file formats can I export?
PNG, JPG, WebP, or the raw HTML behind your graphic — plus YAML to save and reload your editor state.
Is my work saved anywhere?
Your editor state is automatically saved to your browser's local storage, so a refresh won't lose your progress. You can also export a YAML snapshot to back up or move your work.
How are the images generated?
A headless Chrome instance (via Puppeteer) screenshots the exact HTML you're editing, so the preview matches the final export.
Built with
The stack behind this app, end to end.