Skip to main content

Kroki Docs

Creates diagrams from textual descriptions!

General

General-Purpose & Multi-Paradigm diagramming tools.

mermaid

Mermaid

Markdown-inspired syntax for generating flowcharts, sequence diagrams, and charts.

plantuml 1.2026.7beta11?>BobAliceBobAliceBobAlicehelloplantuml-src SyfFKj2rKt3CoKnELR1Io4ZDoSa70000?>

PlantUML

Text-based language for creating UML diagrams and system architectures.

GHelloHelloWorldWorldHello->World

Graphviz

Open-source graph visualization software using the DOT language.

dot

Graphviz DOT

Open-source graph visualization software using the DOT language.

d2

D2

Modern, declarative diagram scripting language.

diagramsnet

Diagrams.net

Open-source visual diagram editor engine (Draw.io).

excalidraw

Excalidraw

Virtual whiteboard tool for hand-drawn, sketch-style diagrams.

umlet

UMLet

Free, interactive UML diagram drawing tool.

tikz

TikZ

Programmatic graphics package for TeX/LaTeX.


Architecture

Software Architecture & Modeling tools.

c4plantuml

C4-PlantUML

PlantUML macros and extensions for rendering the C4 software architecture model.

structurizr

Structurizr

Tooling for visualizing and documenting software architecture based on the C4 model.

[<start>start] -> [<state>plunder] -> [<choice>more loot] -> [start] [more loot] no ->[<end>e] [Pirate| [beard]--[parrot] [beard]-:>[foul mouth] ] [<table>mischief| bawl | sing || yell | drink ] [<abstract>Marauder]<:--[Pirate] [Pirate] - 0..7[mischief] [<actor id=sailor>Jolly;Sailor] [sailor]->[Pirate] [sailor]->[rum] [Pirate]-> *[rum|tastiness: Int|swig()]no0..7*plundermore lootPiratebeardparrotfoul mouthmischiefbawlsingyelldrinkMarauderJollySailorrumtastiness: Intswig()

Nomnoml

Lightweight tool for drawing UML class diagrams from simple grammar.


Infrastructure

Network, Infrastructure & Layout diagramming tools.

blockdiag

BlockDiag

Block diagram generation tool.

actdiag

ActDiag

Activity diagram generator.

nwdiag

NwDiag

Network diagram generator.

rackdiag

RackDiag

Server rack layout diagram generator.

packetdiag

PacketDiag

Network packet structure diagram generator.

seqdiag

SeqDiag

Sequence diagram generator.

wireviz

Wireviz

Documentation tool for cables, wiring harnesses, and pinout diagrams.


Database

Databases & Entity Relationship diagramming tools.

dbml

DBML

Database Markup Language for defining and documenting relational database schemas.

erd

ERD

Entity-Relationship diagram generator.


Hardware

Hardware, Timing & Protocol diagramming tools.

wavedrom

WaveDrom

JavaScript/JSON-based digital timing diagram rendering engine.

bytefield

Bytefield

Tool for generating network protocol and memory layout packet diagrams.

symbolator

Symbolator

Schematic symbol generator from HDL (Hardware Description Language) code.


Data Visualization

Data Visualization grammars and engines.

06/0706/1406/2106/2807/0507/1207/1907/26Date in 2009232425262728293031323334Price

Vega

Visualization grammar for declarative interactive graphics.

2012July2013July2014July2015JulyDate−50510152025303540Max Temperature and Rolling Mean

Vega-Lite

High-level specification grammar built on top of Vega.


ASCII & Tools

ASCII Art, Text-to-SVG converters, and ecosystem aggregators.

ditaa

Ditaa

Converts ASCII art text diagrams into clean vector graphics.

svgbob

SVGBob

Converts ASCII art diagrams into pristine SVG.

SVGgraphicsgenerationconcatenationannotatedrecovereddiagram,diagramsource-genericASCIIorparsingindependentUTF-8structuresource-ASCIIspecific××UTF8-BOXSVGelementsCSS-styledextractionofSVGfileCSSclass-textpositionsnamesand<text>CSSfilesgoat-anchoranchorgenerationpropertiesclassnamesCSS

GoAT

Go-based ASCII-to-SVG diagram parser and renderer.

pikchr

Pikchr

PIC-inspired markup language for technical diagrams.

bpmn

BPMN

Business Process Model and Notation rendering engine.