Skip to content

Block Diagram Editor

Browser-based tool

Draw technical block diagrams in your browser and export them to LaTeX and PNG.

Penguin using a block diagram editor

Create technical block diagrams with a 1, 5 or 10 mm snapping grid. Draw rectangles, lines, arrows and bidirectional arrows; adjust colors, labels, sizes and stacking order. Rectangles and triangles also support zero-width outlines for borderless background shapes.

The editor runs locally in your browser with a built-in English / German language switch. Your language preference is saved locally. Save editable JSON projects, export PNG or LaTeX, and download the compatible TikZ macro library.

Open Block Diagram Editor