ZenithSVG is a free, client-side SVG code editor with instant live preview. Write markup by hand with full Monaco editing and see it render in real time, no account, no limits, nothing sent to a server. Built-in tools: Typography (font/weight/size/spacing with live preview), Gradient builder, Stroke builder, SVG/PNG export (1x–4x, transparent bg), local project save, and installable PWA support. Everything runs in your browser.
Hey Product Hunt 👋
I built ZenithSVG because I kept wanting to hand-write SVG for small icons
and illustrations but didn't want a heavyweight design tool just to see
what a actually looked like.
It's a code-first editor: Monaco on one side, live preview on the other.
I added a few things I wished existing SVG editors had - a proper
typography tool (font/weight/size/spacing with live preview instead of
guessing attribute values), a gradient builder, and a stroke tool, all of
which insert clean markup rather than hiding it behind a black-box canvas.
It's free, runs entirely client-side (nothing you write ever leaves your
browser), and installs as a PWA if you want it offline.
Would love feedback - especially on what tools you'd want next (path
editing? icon library? SVGO optimization on export?).