Ga naar hoofdinhoud
LibraTool logoLibraTool

Gratis Mermaid-diagrameditor

Schrijf stroomdiagrammen, reeksdiagrammen, Gantt-diagrammen en meer in Mermaid-syntaxis met een livevoorvertoning. Exporteer als SVG of PNG. Volledig in je browser.

💡 Schrijf diagrammen in Mermaid-syntaxis — stroomdiagrammen, sequentiediagrammen, gantt-diagrammen, klassediagrammen en meer — en exporteer als SVG of PNG. Alles draait in je browser: je diagramtekst wordt nooit geüpload en de Mermaid-renderengine wordt vanaf deze site geladen, niet vanaf een externe CDN.

Veelvoorkomend gebruik

  • Maak een FlowchartMaak een stroomschema van tekst en exporteer het als een afbeelding.
  • Teken een SequentiediagramDiagram hoe systemen of mensen in de loop van de tijd interacteren.
  • Voeg een Diagram toe aan een READMEMaak diagrammen die GitHub native in uw README weergeeft.
  • Bouw een Gantt-diagramZet een projecttijdlijn in als een Gantt-diagram van tekst.
  • Maak een KlassendiagramDiagram klassen en hun relaties voor softwareontwerp.

Hoe het werkt

Mermaid laat je diagrammen als tekst schrijven en ze automatisch laten renderen — geweldig voor het houden van diagrammen in versiebeheer. Dit is een live-editor die terwijl je typt wordt weergegeven.

  1. 1
    De Mermaid-engine laadt
    De Mermaid-bibliotheek wordt van LibraTool geladen wanneer je de tool voor het eerst gebruikt, daarna bewaart je browser hem in de cache.
  2. 2
    Je schrijft diagramcode
    Stroomdiagrammen, sequentiediagrammen, Gantt-diagrammen, klassediagrammen, cirkeldiagrammen en meer — met de tekstsyntaxis van Mermaid.
  3. 3
    Het wordt live weergegeven
    Je code wordt geparseerd en terwijl je typt weergegeven in een SVG in je browser, met lichte en donkere thema's.
  4. 4
    SVG of PNG exporteren
    Download het diagram als schaalbare SVG of een 2×PNG om in documenten, dia's of README te zetten.

Je diagramcode — die interne systemen kan beschrijven — wordt volledig in je browser weergegeven en nooit geüpload.

Gerelateerde tools

📝

Markdown-editor

Schrijf en bekijk een voorvertoning van Markdown in realtime. Ondersteunt koppen, vet, cursief, codeblokken, tabellen en lijsten.

Probeer het
🟦

CSS-rastergenerator

Ontwerp visueel een CSS-raster — tracks, eenheden en tussenruimtes — en kopieer de gegenereerde CSS en HTML.

Probeer het
🌳

ASCII-boomgenerator

Zet een ingesprongen lijst om in een nette mappenstructuur (├── └──) voor README's en documentatie. Unicode- of gewone ASCII-uitvoer. Volledig in je browser.

Probeer het

Veelgestelde vragen