Monograph / 01 of 03
TEchnical specs
role
Design + Development
Client
Self-initiated
Year
2026
Stack
→ React 19
→ TypeScript
→ Tailwind
→ HTML5 Canvas
→ Dnd-kit (drag-and-drop)
→ Email-safe HTML generation
→ Mailchimp API
Built With
→ Front-end engineering
→ Drag-and-drop interfaces
→ Canvas-based design tooling
→ Cross-client HTML/CSS
→ Product & UX design
Status
SHIPPED
Build Notes
Every free email builder I tried had a paywall, a watermark, or HTML that quietly fell apart in Outlook. So I built one without any of that. Drag-and-drop blocks, a canvas for building hero graphics, and output clean enough that the preview is the export - what you see is what lands in the inbox. No upgrade wall, no watermark, renders everywhere.
\\\\\
Couldn't find a free email builder that did what I needed, so I built one. Drag-and-drop blocks, a built-in graphic editor for hero images - layers, drag-to-reorder, align-to-each-other, export to PNG or animated GIF - and HTML clean enough that the live preview is the export. It renders everywhere, Outlook included, which is the part every other builder gets wrong. No watermark, no "upgrade to unlock" wall. The kind of thing that only exists because I got annoyed enough to fix it myself — which is how most of the useful stuff in my toolkit gets made.
+ Schematic / how it works
fig. 01 — Custom HTML Email Builder system diagram
DRAWN BY HAND