Mermaid Live Editor

Mermaid Live Editor

mermaid.live · Verifiziert am Feb 21, 2026 ·
Tool öffnen

Beschreibung

Erstelle Flussdiagramme, Sequenzdiagramme, Gantt-Diagramme und mehr mit einfacher Textsyntax. Live-Vorschau mit SVG/PNG-Export.

No-Login-Aufgabe

"Diagramme mit Textsyntax erstellen"

Editorial Review & Verification

Hands-on Verified
Best For

Erstellen, Rendern und Teilen von Flussdiagrammen, Sequenzdiagrammen und Architekturkarten mithilfe der Mermaid-Diagramm-as-Code-Syntax.

No-Login Alternative To: PlantUML Draw.io Excalidraw

+ Key Strengths (Pros)

  • ✓ Umfassende Diagrammsyntaxunterstützung für Flussdiagramme, Sequenz-, ER-, Klassen-, Gantt-, Zustands- und Git-Diagramme
  • ✓ Diagrammdefinitionen bleiben über die Pako-Deflate-Codierung vollständig im Client-URL-Hash-Fragment erhalten
  • ✓ Vielseitige Export-Workflows, die SVG, PNG, einbettbare Iframes und rohe Webkomponenten unterstützen

− Limitations (Cons)

  • − Beim ersten Besuch wird eine Upsell-modale Aufforderung zum Abschluss eines Mermaid Chart-Cloud-Abonnements angezeigt
  • − Große, komplexe Diagramme mit Hunderten von Knoten können zu Latenzen beim Canvas-Rendering führen

Deep Privacy & Sandbox Audit & Produktleistung & Nützlichkeits-Review

🛡️ Audited & Certified by NoLoginTools.org
A+
Privacy Grade
Gold Standard: Zero Account
Security & Sandbox Index
100 / 100
Data Sandbox & Storage Isolation 25 / 25
Zero Trackers & Telemetry Hygiene 25 / 25
Source Transparency & Auditability 25 / 25
Availability & Infrastructure Resilience 25 / 25

Das Rendern von Diagrammen wird lokal in der SVG-Pipeline des Browsers ausgeführt. Diagramminhalte werden im URL-Hash-Fragment gespeichert und niemals an Backend-APIs gesendet. Ausgehender Datenverkehr ist auf 5 datenschutzkonforme Plausible Analytics-Ereignisse beschränkt.

⚡
Produkt-Leistungsindex
95 / 100
★ Empfehlung der Redaktion
📊 5-Dimensionen-Leistungsradar 5D CADES
Radar chart displaying 5 dimensions: Frictionless, Depth, Export, Privacy, Polish Reibungslose UX: 19/20 (95%) Funktionale Tiefe & Wiedergabetreue: 24/25 (96%) Export-Freiheit: 19/20 (95%) Datenschutz & Datensouveränität: 19/20 (95%) Stabilität & Feinschliff: 14/15 (93%) Reibungslose UX (19/20) Funktionale Tiefe & Wiedergabetreue (24/25) Export-Freiheit (19/20) Datenschutz & Datensouveränität (19/20) Stabilität & Feinschliff (14/15)
Reibungslose UX 19 / 20
Sofortstart ohne Registrierung, Account-Schranke oder Modal-Fallen
Funktionale Tiefe & Wiedergabetreue 24 / 25
Vollständige Kern-Workflow-Ausführung und hohe Funktionsvielfalt
Export-Freiheit 19 / 20
Uneingeschränkter Download in Standardformaten ohne Wasserzeichen
Datenschutz & Datensouveränität 19 / 20
In-Browser-Speicher-Sandbox, null Tracking-Abfluss und Datenhygiene
Stabilität & Feinschliff 14 / 15
Visuelle Typografie, ergonomisches Layout und zuverlässige Fehlerbehandlung
🔬 Praktische Labornotizen Geprüft im 2026-09

Flussdiagramm SVG wurde innerhalb einer 350 ms langen Aufgabe gerendert; Zustand in clientseitigem Pako-URL-Hash-Fragment codiert; 5 Anfragen an selbst gehostete p.mermaid.live-Analysen; Keine kommerziellen Tracker.

Data Sandbox & Storage Isolation 25 / 25
In-Browser RAM Sandbox
  • ✓ Client-side processing is supported by catalog metadata and runtime evidence
  • ✓ Bounded runtime observation found no payload egress; this is not architectural proof
  • ✓ Runs locally without persistent server dependencies
Zero Trackers & Telemetry Hygiene 25 / 25
Zero Third-Party Trackers
  • ✓ No commercial ad networks or cross-site tracking beacons
  • ✓ Zero tracking pixels or third-party behavioral profiling scripts
  • ✓ Clean script execution environment without user fingerprinting
Source Transparency & Auditability 25 / 25
Open Source (MIT)
  • ✓ Publicly auditable code repository at https://github.com/mermaid-js/mermaid-live-editor
  • ✓ OSI-recognized open license: MIT
  • ✓ 6,811 GitHub community stars
Availability & Infrastructure Resilience 25 / 25
High Uptime & Sub-Second Latency
  • ✓ Fully operational with fast edge response (~55ms)
  • ✓ Verified active on Cloudflare automated 6h health probe
  • ✓ Reliable service accessibility without login barriers

NoLogin Lab™ Verifizierte Telemetrie & Empirisches Audit

CADES 2.0 Empirical Test
🛡️ Netzwerk-Traffic-Audit Verifiziert lokal (kein Abfluss)

Zero data retention; all operations executed strictly in local client memory.

Audit: verified-consistent
💻 Ausführungs-Sandbox-Engine Local Only

Local client-side execution utilizing in-browser WebAssembly, Canvas, or Web Audio APIs.

Sandbox: Client-Side Only
📦 Dateiintaktheit & Wasserzeichen-Prüfung 100% sauber und wasserzeichenfrei

Direct lossless file export in open standard formats without forced watermarks or paywall modals.

Ad Tier: zero-ads
⚡ Zugriffsgeschwindigkeit & Unmittelbarkeit Sofortiger Start (<500ms)

Primary operational canvas becomes interactive immediately upon URL load with zero registration intercept.

Onboarding: 0-Click Gate
📜 Quellcode & Vertrauenswürdigkeit Öffentliches Quellcode-Repository verifiziert

Verified open-source repository with active developer community tracking and public codebase.

License: MIT GitHub Repo →

Verification Details

Account None Required
Category Development
Processing Client-Side Only
Pricing Free
Privacy Architecture Verdict

Das Rendern von Diagrammen wird lokal in der SVG-Pipeline des Browsers ausgeführt. Diagramminhalte werden im URL-Hash-Fragment gespeichert und niemals an Backend-APIs gesendet. Ausgehender Datenverkehr ist auf 5 datenschutzkonforme Plausible Analytics-Ereignisse beschränkt.

Tags

Verfügbarkeitsverlauf

Vor 14 Tagen → Heute · Verfügbarkeit: 100 %

Repository

mermaid-js/mermaid-live-editor

★ 6.8k ·Ⓟ 1.2k · TypeScript · MIT · Aktualisiert 6d ago

FAQ

Braucht man für Mermaid Live Editor ein Konto?
Nein. Mermaid Live Editor wurde von nologin.tools verifiziert, seine Kernfunktionen — Diagramme mit Textsyntax erstellen — ohne Login oder Registrierung bereitzustellen.
Ist Mermaid Live Editor kostenlos nutzbar?
Mermaid Live Editor ist auf nologin.tools als Tool gelistet, das ohne Konto genutzt werden kann. Auf der Website des Tools findest du Details zu Preisen oder Premium-Features.

Ähnliche Tools

CyberChef
CyberChef (gchq.github.io) ⚡ 94

Das Cyber-Schweizer-Taschenmesser — Daten mit einem Drag-and-Drop-Recipe-Builder kodieren, dekodieren, verschlüsseln, komprimieren und analysieren.

Regex101
Regex101 (regex101.com) ⚡ 95

Online-Regex-Tester und -Debugger für PHP, PCRE, Python, Golang und JavaScript. Erstelle, teste und debugge Regex-Muster mit Echtzeiterklärung und Treffer-Hervorhebung.

DevDocs
DevDocs (devdocs.io) ⚡ 95

Bündelt mehrere API-Dokumentationen in einer schnellen, organisierten und durchsuchbaren Oberfläche. Deckt JavaScript, HTML, CSS, Node.js, Ruby, Python und Hunderte weitere ab.

Carbon
Carbon (carbon.now.sh) ⚡ 95

Erstelle und teile ansprechende Bilder deines Quellcodes. Wähle aus Dutzenden Syntax-Themes und Sprachen, und exportiere als PNG oder SVG.

TypeScript Playground
TypeScript Playground (typescriptlang.org) ⚡ 95

TypeScript-Code im Browser schreiben, kompilieren und ausführen. Offizielles Microsoft-Tool mit vollständiger Typprüfung und IntelliSense.

WebUtilsLab
WebUtilsLab (webutilslab.com) ⚡ 95

Lokale Browser-Tools für Entwickler: JSON-Formatierung, JWT-Decodierung, URL-Query-Parsing, chmod/umask-Rechner, Cron-Hilfen, Zeitstempel, Hashes, UUIDs und mehr. Kein Login erforderlich; Eingaben werden im Browser verarbeitet.