diff --git a/layouts/shortcodes/mermaid.html b/layouts/shortcodes/mermaid.html
new file mode 100644
index 0000000..5a1c574
--- /dev/null
+++ b/layouts/shortcodes/mermaid.html
@@ -0,0 +1,9 @@
+{{ $mermaidData := dict "theme" "default" }}
+{{ $data := dict "code" .Inner "mermaid" $mermaidData }}
+
+<figure class="mermaid">
+    <img src="https://mermaid.ink/img/{{ $data | jsonify | base64Encode }}" referrerpolicy="no-referrer">
+    <figcaption class="text-center">
+        <small>{{ .Get "caption" }}</small>
+    </figcaption>
+</figure>