mermaid-live-editor

mermaid-live-editor

Edit, preview and share mermaid flowcharts

6,544GitHub
Description

Mermaid-live-editor is an online tool that allows you to create and preview various charts and graphs in real time using Mermaid syntax. Core functions and characteristics: Real-time preview: When you write Mermaid syntax in the left editing area, the preview area on the right updates immediately to display the generated chart. Support for multiple chart types: Mermaid supports multiple chart types, including flow charts, sequence charts, state charts, Gantt charts, pie charts, etc. Easy-to-use interface: The editor interface is simple and intuitive, with the code editing area on the left and the preview area on the right. The operation is very simple. You can also switch between different layouts and themes by clicking the buttons on the toolbar. Export function: You can export the generated charts to image formats such as SVG, PNG, or JPEG for easy use in documents, presentations, or other places.

Screenshots
Screenshot 1
Screenshot 2
Screenshot 3
App Information
Version
0.0.1
Package Size
946.37 KB
Image Size
21.01 MB
Updated
October 10, 2025
Source Code
mermaid-js
Platform Support
PC
Keywords
flowchart