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.
Want your AI assistant to build on a template? Clone it, then set up the agent skills and MCP server in its folder.
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 production-line monitor for manufacturing plants. A starter kit for building your own live monitoring dashboard: drag-and-drop line editing, Edit/Monitor modes with a real-time data feed, threshold-colored KPIs and sparklines, and export to PNG, SVG, or DXF for AutoCAD.
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.
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.
