Curated starter kits built and maintained by the ngDiagram team. Each template is a production-grade reference implementation you can clone, extend, and ship. Complete with architecture, logic and opinionated defaults.
Interactive organizational chart. A starter kit for tree-based diagrams with drag-and-drop reordering, expand/collapse subtrees, sidebar node editing, horizontal/vertical layouts, dark/light theme, minimap, and automatic tree layout powered by ELK.js.
Interactive circuit / schematic editor. A starter kit for building your own schematic capture or node-based editor. Drag real components from a searchable SVG library, wire them port-to-port with smart junctions, and export to SVG, JPEG, or JSON.
Interactive SLD editor for high-voltage electrical substations. A starter kit for building your own domain-specific schematic editor. Place IEC 60617 symbols for switchgear, transformers, and instrument transformers, connect them with geometry-derived junctions, and edit every component through a schema-driven properties panel.
Interactive AV (audio/video) schematic editor. A starter kit for building your own signal-flow or device-wiring diagram. Drag devices from a searchable library, wire them port-to-port with typed connectors (XLR, HDMI, Speakon), and export to PNG or DXF for AutoCAD.
