Skip to content

sidharthv96/mermaid-live-editor

 
 

Repository files navigation

Mermaid Live Editor Join our Slack!

Contributors are welcome!

If you want to speed up the progress for mermaid-live-editor, join the slack channel and contact knsv.

mermaid-live-editor

Edit, preview and share mermaid charts/diagrams.

Features

  • Edit and preview flowcharts, sequence diagrams, gantt diagrams in real time.
  • Save the result as a svg
  • Get a link to a viewer of the diagram so that you can share it with others.
  • Get a link to edit the diagram so that someone else can tweak it and send a new link back

Live demo

You can try out a live version here.

Setup

Volta is used for managing node and yarn versions.

This project is set up using Yarn. :

yarn install

Development

yarn dev -- --open

This app is created with Svelte Kit.

Release

When a PR is created targeting master, it will be built and deployed as a beta in http://mermaid-js.github.io/mermaid-live-editor/beta

Once the PR is merged, it will automatically be released.

About

New implementation of the live editor

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Languages

  • Svelte 49.9%
  • TypeScript 29.4%
  • JavaScript 12.0%
  • HTML 4.7%
  • Dockerfile 1.7%
  • Shell 1.7%
  • CSS 0.6%