diff --git a/layouts/shortcodes/mermaid.html b/layouts/shortcodes/mermaid.html
new file mode 100644
index 0000000..dc58a41
--- /dev/null
+++ b/layouts/shortcodes/mermaid.html
@@ -0,0 +1,6 @@
+{{ $align := .Get "align" | default "center" }}
+<div style="text-align: {{ $align }};">
+  <div class="mermaid">
+    {{ .Inner | safeHTML }}
+  </div>
+</div>