playground
SVG Builder
Interactive canvas for drawing SVGs in the site's visual style.
A small tool I built to create SVGs for embedding in articles. Draw boxes, text labels, and arrows — the output matches this site’s visual language: Cousine monospace, light borders, muted palette.
Select a tool, draw on the canvas, then copy the SVG source to paste into a markdown file. Use select to move things around, Delete to remove the selected element, Escape to cancel.
drag to draw a box
preview
svg source