markdown-preview-enhanced - One of the 'BEST' markdown preview extensions for Atom editor!

•    HTML

---

Markdown Preview Enhanced is an extension that provides you with many useful functionalities such as automatic scroll sync, math typesetting, mermaid, PlantUML, pandoc, PDF export, code chunk, presentation writer, etc. A lot of its ideas are inspired by Markdown Preview Plus and RStudio Markdown. Feel free to ask questions, post issues, submit pull request, and request new features.

atom atom-package markdown markdown-editor mermaid plantuml katex toc mathjax pandoc presentation image-helper wavedrom pdf html exporter phantomjs footer graphviz dot-language epub ebook beamer latex

mermaid-live-editor - Edit, preview and share mermaid charts/diagrams

•    Svelte

---

If you want to speed up the progress for mermaid-live-editor, join the slack channel and contact knsv. Edit, preview and share mermaid charts/diagrams.

diagrams mermaid

jekyll-spaceship - 🚀 A Jekyll plugin to provide powerful supports for table, mathjax, plantuml, mermaid, emoji, video, audio, youtube, vimeo, dailymotion, soundcloud, spotify, etc

•    Ruby

---

Spaceship is a minimalistic, powerful and extremely customizable Jekyll plugin. It combines everything you may need for convenient work, without unnecessary complications, like a real spaceship. Add jekyll-spaceship plugin in your site's Gemfile, and run bundle install.

polyfill music emoji html jekyll markdown jekyll-plugin hook tex awesome image latex video math diagram sound plantuml mathjax katex mermaid

react-mermaid - A react component to display mermaid diagrams and flowcharts

•    Javascript

---

A react component to display mermaid diagrams and flowcharts. react-mermaid is built using ES6. Run the following task to compile the src/ into dist/.

react react-component mermaid diagram markdown flowchart sequence-diagram gantt

gatsby-remark-graph - Make nice graphs in your markdown files in gatsbyjs, using mermaid

•    Javascript

---

Make nice graphs in your markdown files in gatsbyjs, using mermaid. Here is a basic demo, which also uses my starter template.

gatsby gatsby-plugin graph mermaid remark

mermaid-filter - Pandoc filter for creating diagrams in mermaid syntax blocks in markdown docs

•    Javascript

---

mermaid-filter is a pandoc filter that adds support for mermaid syntax diagrams in markdown. Windows 8.1 - On windows 8.1, mermaid-filter.cmd fails - apparently due to change in how the CMD.exe works for subprocesses? - see this issue thread. You have to edit the globally installed mermaid-filter.cmd located in c:\users\<username>\AppData\Roaming\npm to use ~dp$PATH:0. Unfortunately, you will need to do this each time you install/update mermaid-filter since it overwrites the cmd file.

mermaid pandoc pandoc-filter

vscode-markdown-mermaid - Adds Mermaid diagram and flowchart support to VS Code's builtin markdown preview

•    Javascript

---

Adds Mermaid diagram and flowchart support to VS Code's builtin markdown preview

mermaid markdown flowchart diagram multi-root-ready

vscode-mermaid-preview - Previews Mermaid diagrams

•    Javascript

---

All mermaid configuration options are supported.

vscode mermaid uml diagram previews-mermaid-diagrams diagrams

vuepress-theme-gungnir - A blog theme for VuePress.

•    Vue

---

A blog theme for VuePress. The Jekyll version of it is available here. Gungnir is the spear of the god Odin in Norse mythology.

blog vue chartjs blog-theme katex mermaid markmap vuepress vuepress-theme roughviz

mermaid-server - Go implementation of a HTTP server to allow remote generation of mermaid-js diagrams without any pre-requisites installed locally

•    Go

---

Use mermaid-js to generate diagrams in a HTTP endpoint. While this currently serves the diagrams via HTTP, it could easily be manipulated to server diagrams via other means.

http diagram mermaid diagram-generator mermaidjs mermaid-diagrams

mermaid-mode - Emacs major mode for working with mermaid graphs https://mermaidjs.github.io/

•    Emacs

---

Currently supporting flow charts and sequence diagrams with syntax coloring and indentation. Note: All compile commands will open the output in a buffer to view the resulting image.

emacs mermaid

RazorComponents.Markdown - Razor component for Markdown rendering.

•    CSharp

---

Razor component for Markdown rendering. Most features are based on Markdig.

markdown frontend highlighting dotnet-core component-library razor markdig mermaid blazor razor-components razorcomponents acblog

prisma-erd-generator - Generate an ER Diagram based on your Prisma schema every time you run npx prisma generate

•    TypeScript

---

Prisma generator to create an ER Diagram every time you generate your prisma client.

typescript mermaid prisma entity-relationship-diagram

mdx-mermaid - Plug and play Mermaid in MDX

•    Shell

---

Use Mermaid in .md, .mdx, .jsx and .tsx files with ease. Based off the answer here by unknown.

mermaid mdx docusaurus2 markdown docusaurus mdxast react jsx