Loading...
✦ Graph Editor

Edit graphs with
code & canvas

Grafnuts renders Graphviz DOT diagrams and lets you drag nodes, edit code, auto-layout, and export — all in your browser.

WASM Rendering

Graphviz compiled to WebAssembly for near-native speed.

🖱

Drag & Drop

Move nodes directly on the canvas, code updates automatically.

✏️

Code Editor

Full DOT syntax highlighting with CodeMirror 6.

📐

Auto-Layout

Tree, grid, circular, snowflake, and force-directed layouts.

📤

Export

Download as SVG, PNG, JPG, or PDF with one click.

☁️

Cloud Save

Log in to save and manage your diagrams across devices.