Architecture whiteboards & diagrams
that move at your speed

Sketch a rough idea in seconds, then evolve it into a full C4 hierarchy — levels handles both. Drag, drop, drill in, auto-layout, Mermaid import/export. All in your browser, no signup required.

Interactive

  • Free-form canvas — drop nodes anywhere for quick whiteboard sketches or structured C4 hierarchies
  • Drill into any container with one click — zoom from system context down to components
  • Collapse and expand nodes; implied cross-boundary edges are inferred automatically
  • Drag to reparent, reorder, or group nodes. Rename inline.
  • Views overlay: depth coloring, entry/exit points, connectivity analysis

Automatic

  • Dagre hierarchical layout keeps diagrams clean without manual positioning
  • Orthogonal edge routing with automatic waypoints and label placement
  • Full undo/redo history across every operation

Interoperable

  • Mermaid flowchart import and export with a live text editor
  • Save and load diagrams as .levels.json
  • Export as .ls.png — a portable image with diagram data embedded
  • C4 model conventions supported as a first-class pattern