diff --git a/docusaurus.config.js b/docusaurus.config.js
index 377794c..5c23f6e 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -206,8 +206,20 @@ const config = {
         sidebar: {
           hideable: true,
         }
-      }
+      },
+      mermaid: {
+        options: {
+          fontFamily: "Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace",
+        },
+      },
     }),
+
+  markdown: {
+    mermaid: true,
+  },
+  themes: [
+    '@docusaurus/theme-mermaid',
+  ],
 };
 
 module.exports = config;
diff --git a/package.json b/package.json
index 4f9630b..3408a83 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
   "dependencies": {
     "@docusaurus/core": "^2.3.1",
     "@docusaurus/preset-classic": "^2.3.1",
+    "@docusaurus/theme-mermaid": "^2.3.1",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.2.1",
     "dotenv": "^16.0.3",