AI-assisted Mermaid diagram editor

Create, edit and save Mermaid diagrams in WicsFlow with live preview, syntax validation, version history and secure sharing.

Open WicsFlow

Supported Mermaid diagram types

Every format listed here is exercised by automated tests with the installed Mermaid 11.16.0 package.

Flowcharts

flowchart

Mermaid example

flowchart LR
  Idea --> Review --> Publish

Sequence diagrams

sequence

Mermaid example

sequenceDiagram
  User->>API: Request
  API-->>User: Response

Class diagrams

class

Mermaid example

classDiagram
  Project o-- Version
  class Project
  class Version

State diagrams

state

Mermaid example

stateDiagram-v2
  [*] --> Draft
  Draft --> Published

Entity relationship diagrams

Mermaid example

erDiagram
  PROJECT ||--o{ VERSION : contains

User journeys

journey

Mermaid example

journey
  title Review
  section Diagram
    Edit: 4: User
    Validate: 5: User

Gantt charts

gantt

Mermaid example

gantt
  title Delivery
  dateFormat YYYY-MM-DD
  task :a1, 2026-01-01, 2d

Pie charts

pie

Mermaid example

pie title Work
  "Design" : 40
  "Review" : 60

Mind maps

mindmap

Mermaid example

mindmap
  root((System))
    API
    Data
    UI

Timelines

timeline

Mermaid example

timeline
  title Roadmap
  2026 : Design
  2027 : Delivery

Git graphs

gitGraph

Mermaid example

gitGraph
  commit
  branch feature
  checkout feature
  commit

Requirement diagrams

requirement

Mermaid example

requirementDiagram
  requirement secure_access {
    id: 1
    text: Secure access
    risk: high
    verifymethod: test
  }

Source editing and live preview

The editor highlights Mermaid source, checks size and unsafe directives, reports bounded errors and renders a sanitized SVG preview.

Generate Mermaid diagrams with AI assistance

AI integration is being prepared as a controlled workflow. Output will be a proposal that users validate, review and explicitly accept. It will never overwrite the current version automatically.

Version history and recovery

Every manual save creates an immutable version. Restoring an earlier diagram creates another version without rewriting history.

Secure diagram sharing

Revocable read-only links support expiry, view limits, source visibility and download controls.

Frequently asked questions

What is Mermaid?

Mermaid is a syntax and open-source library for creating diagrams from text descriptions. WicsFlow supports editing, validating and previewing Mermaid diagrams.

Is WicsFlow an official Mermaid product?

No. WicsFlow is an independent WicsOra LLC product that uses the open-source Mermaid library under the MIT License. It is not an official Mermaid or Mermaid Chart product.

Can I paste existing Mermaid source?

Yes. Paste source into the editor, validate the diagram and save the result as a project version.

Can AI overwrite my diagram?

No. AI capabilities are designed as proposals that require user review and explicit acceptance.

What is available now?

The source editor, safe preview, validation, version history, recovery and protected links are available. Additional export formats will be advertised only after implementation and testing.

AI-assisted Mermaid diagram editor

Create, edit and save Mermaid diagrams in WicsFlow with live preview, syntax validation, version history and secure sharing.

Open WicsFlow

Supported Mermaid diagram types

Every format listed here is exercised by automated tests with the installed Mermaid 11.16.0 package.

Flowcharts

flowchart

Mermaid example

flowchart LR
  Idea --> Review --> Publish

Sequence diagrams

sequence

Mermaid example

sequenceDiagram
  User->>API: Request
  API-->>User: Response

Class diagrams

class

Mermaid example

classDiagram
  Project o-- Version
  class Project
  class Version

State diagrams

state

Mermaid example

stateDiagram-v2
  [*] --> Draft
  Draft --> Published

Entity relationship diagrams

Mermaid example

erDiagram
  PROJECT ||--o{ VERSION : contains

User journeys

journey

Mermaid example

journey
  title Review
  section Diagram
    Edit: 4: User
    Validate: 5: User

Gantt charts

gantt

Mermaid example

gantt
  title Delivery
  dateFormat YYYY-MM-DD
  task :a1, 2026-01-01, 2d

Pie charts

pie

Mermaid example

pie title Work
  "Design" : 40
  "Review" : 60

Mind maps

mindmap

Mermaid example

mindmap
  root((System))
    API
    Data
    UI

Timelines

timeline

Mermaid example

timeline
  title Roadmap
  2026 : Design
  2027 : Delivery

Git graphs

gitGraph

Mermaid example

gitGraph
  commit
  branch feature
  checkout feature
  commit

Requirement diagrams

requirement

Mermaid example

requirementDiagram
  requirement secure_access {
    id: 1
    text: Secure access
    risk: high
    verifymethod: test
  }

Source editing and live preview

The editor highlights Mermaid source, checks size and unsafe directives, reports bounded errors and renders a sanitized SVG preview.

Generate Mermaid diagrams with AI assistance

AI integration is being prepared as a controlled workflow. Output will be a proposal that users validate, review and explicitly accept. It will never overwrite the current version automatically.

Version history and recovery

Every manual save creates an immutable version. Restoring an earlier diagram creates another version without rewriting history.

Secure diagram sharing

Revocable read-only links support expiry, view limits, source visibility and download controls.

Frequently asked questions

What is Mermaid?

Mermaid is a syntax and open-source library for creating diagrams from text descriptions. WicsFlow supports editing, validating and previewing Mermaid diagrams.

Is WicsFlow an official Mermaid product?

No. WicsFlow is an independent WicsOra LLC product that uses the open-source Mermaid library under the MIT License. It is not an official Mermaid or Mermaid Chart product.

Can I paste existing Mermaid source?

Yes. Paste source into the editor, validate the diagram and save the result as a project version.

Can AI overwrite my diagram?

No. AI capabilities are designed as proposals that require user review and explicit acceptance.

What is available now?

The source editor, safe preview, validation, version history, recovery and protected links are available. Additional export formats will be advertised only after implementation and testing.