diff --git a/package-lock.json b/package-lock.json
index 0749ab5..27617e6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5098,6 +5098,14 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/reveal.js-mermaid-plugin": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/reveal.js-mermaid-plugin/-/reveal.js-mermaid-plugin-2.3.0.tgz",
+      "integrity": "sha512-61t2jWPCB0+PYsO1lpoUXX7NfhcRwavpEi5r20Au7dEdoYzA3aYwP/vP90mBc+bvCcCPIAgulcixllGob59jkA==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/rimraf": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
diff --git a/package.json b/package.json
index 1b89456..3a3720f 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
   "dependencies": {
     "css-loader": "~6.7.3",
     "decktape": "~3.13.0",
+    "reveal.js-mermaid-plugin": "~2.3.0",
     "expose-loader": "~4.0.0",
     "file-loader": "~6.2.0",
     "get-port": "~6.1.2",
diff --git a/src/app/slides/slides.js b/src/app/slides/slides.js
index 32cd7b9..42ad2b6 100644
--- a/src/app/slides/slides.js
+++ b/src/app/slides/slides.js
@@ -2,6 +2,7 @@ import reveal from "reveal.js/dist/reveal.js";
 import revealPluginNotes from "reveal.js/plugin/notes/notes.js";
 import revealPluginZoom from "reveal.js/plugin/zoom/zoom.js";
 import revealPluginMathJax from "reveal.js/plugin/math/math.js";
+import RevealMermaid from "reveal.js-mermaid-plugin/plugin/mermaid/mermaid.js";
 import "reveal.js/dist/reveal.css";
 import "prismjs/themes/prism.css";
 import "./slides.css";
@@ -40,7 +41,7 @@ reveal.initialize({
   margin: 0,
   width: SLIDE_WIDTH,
   height: SLIDE_HEIGHT,
-  plugins: [revealPluginMathJax, revealPluginNotes, revealPluginZoom],
+  plugins: [revealPluginMathJax, revealPluginNotes, revealPluginZoom, RevealMermaid],
   math: {
     tex2jax: { inlineMath: [["\\(", "\\)"]] },
   },