Diagram Design
Get your coding agent to draw diagrams in your brand's colors: one self-contained HTML and SVG file, 45 diagram types, and redraws of draw.io or Mermaid files.
// SVG
6 entries tagged with "svg"
// ENTRIES
6 entries
Archify
Architecture, sequence or ERD diagrams written by a coding agent as validated JSON, then shipped as a single HTML file. Needs Node 18 plus Chrome or Edge.
SVG Path Editor
Fix SVG path data by dragging points or typing values in a browser editor, with keyboard commands, whole-path transforms, an optimizer and an npm library.
SnapDOM
Export a chart, invoice or card as PNG, SVG or PDF straight from the page. An MIT-licensed JavaScript library with no runtime dependencies; it needs a browser.
Mermaid
Write diagrams as text that lives in Git with the code: an MIT JavaScript library draws flowcharts, sequences and Gantt charts as SVG, and GitHub renders them.
Penpot
Interface mockups that hand developers SVG, CSS and HTML: an open source Figma alternative, used in the cloud or self-hosted with PostgreSQL and Valkey.