Mermaid Diagramm Generator

So funktioniert es

1. 1

   Typ wählen

   Flowchart, Sequence oder Pie.

2. 2

   Daten eingeben

   Knoten, Kanten oder Nachrichten.

3. 3

   Code kopieren

   In Markdown mit ```mermaid einfügen.

Wofür ist dieses Tool nützlich?

• GitHub README
• Technische Docs
• API-Flows
• Architektur-Skizzen
• Notion

Aktuell besonders haeufig genutzte Tools auf okimg.de.

• WhatsApp Link erstellenWhatsApp-Link (wa.me) erstellen — Nummer, optional Text; kopieren oder öffnen, im Browser.
• Local Business Schema GeneratorLocalBusiness JSON-LD — Adresse, Telefon, Öffnungszeiten; kopieren, nur im Browser.
• PDF → TextText aus PDF extrahieren und als .txt speichern — pdf.js, optional Passwort.
• Rechnung erstellen kostenlosRechnung mit Positionen und MwSt. als PDF — Absender, Kunde, Summen; pdf-lib lokal, ohne Upload.
• DIN A4 zu PixelA4-Seite in Pixel bei 72, 96, 150 oder 300 DPI umrechnen.
• Meta-Tag-GeneratorSEO-Snippets für den HTML-Kopf: Titel, Description, Open Graph, Twitter — HTML kopieren.

Häufige Fragen

Ist das Tool kostenlos?

Ja. Komplett kostenlos und ohne Registrierung.

Welche Diagrammtypen?

Flowchart (TD), Sequence Diagram und Pie Chart.

Funktioniert das in GitHub?

Ja — Mermaid wird in GitHub Markdown nativ gerendert.

Werden Daten hochgeladen?

Nein. Alles lokal im Browser.

Live-Vorschau?

Code-Ausgabe — Vorschau in GitHub, Notion oder mermaid.live.

Passende Tools

• README GeneratorGitHub README.md aus Projektname und Tech Stack — Markdown im Browser.
• Markdown zu HTMLMarkdown in HTML umwandeln — Vorschau und Quelltext, nur lokal.
• JSON formatierenJSON einfügen und lesbar mit Einzug ausgeben — validieren und kopieren.
• YAML zu JSONYAML in formatiertes JSON umwandeln — K8s, Config, APIs; Konvertierung nur im Browser.
• Cursor Rules Generator.cursorrules aus Projekt, Stack und Regeln für Cursor IDE.

Auch nützlich

Weitere Tools aus anderen Kategorien — vielleicht brauchst du sie demnächst.

• WebP in PNG umwandelnWebP als PNG — für Bearbeitung & ältere Apps; im Browser, ZIP.
• Balkonkraftwerk RechnerErtrag und Ersparnis für Stecker-Solar berechnen — im Browser.
• Tailwind Config Generatortailwind.config.js aus Vorlage — Standard, Next.js oder forms-Plugin.
• Bewerbungsfoto 3×4 cmBewerbungsfoto 30×40 mm (3×4 cm) — Freistellen, weißer Hintergrund, JPEG im Browser.
• Makefile GeneratorMakefile für Node.js, Python oder Go — install, dev, build, test, lint.
• GroßbuchstabenGesamten Text in GROSSBUCHSTABEN (de-DE, ß→SS) — ohne Upload.