diff --git a/antora-playbook.yml b/antora-playbook.yml
index 183917d90..c499ccd77 100644
--- a/antora-playbook.yml
+++ b/antora-playbook.yml
@@ -25,6 +25,10 @@ urls:
   redirect_facility: netlify
   # See https://docs.antora.org/antora/latest/playbook/urls-html-extension-style/#html-extension-style-key
   html_extension_style: indexify
+antora:
+  extensions:
+    - require: '@sntke/antora-mermaid-extension'
+      mermaid_library_url: https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs
 content:
   sources:
     - url: .
@@ -267,8 +271,6 @@ asciidoc:
     - '@asciidoctor/tabs'
   attributes:
     base-repo: https://github.com/stackabletech
-    plantuml-server-url: http://www.plantuml.com/plantuml
-    kroki-fetch-diagram: true
     # an external icon. Create a link opening in a new tab like this: http://my-url.com[Text {external-link-icon}^]
     external-link-icon: "<i class=\"fa-solid fa-arrow-up-right-from-square fa-xs\" style=\"margin-left: 3px; vertical-align: baseline;\"></i>"
 # the default caching directory is ./.cache/antora
diff --git a/local-antora-playbook.yml b/local-antora-playbook.yml
index 8a889275a..c33ec6d31 100644
--- a/local-antora-playbook.yml
+++ b/local-antora-playbook.yml
@@ -10,6 +10,10 @@ urls:
   # This replaces the component version in the URL of the latest stable version with 'stable'
   # i.e. /commons-operator/stable/index.html instead of /commons-operator/0.3/index.html
   latest_version_segment: stable
+antora:
+  extensions:
+    - require: '@sntke/antora-mermaid-extension'
+      mermaid_library_url: https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs
 content:
   sources:
     - url: ./
@@ -252,8 +256,6 @@ asciidoc:
     - '@asciidoctor/tabs'
   attributes:
     base-repo: https://github.com/stackabletech
-    plantuml-server-url: http://www.plantuml.com/plantuml
-    kroki-fetch-diagram: true
     # an external icon. Create a link opening in a new tab like this: http://my-url.com[Text {external-link-icon}^]
     external-link-icon: "<i class=\"fa-solid fa-arrow-up-right-from-square fa-xs\" style=\"margin-left: 3px; vertical-align: baseline;\"></i>"
 # the default caching directory is ./.cache/antora
diff --git a/only-dev-antora-playbook.yml b/only-dev-antora-playbook.yml
index bd6236c1e..bdffed249 100644
--- a/only-dev-antora-playbook.yml
+++ b/only-dev-antora-playbook.yml
@@ -10,6 +10,10 @@ urls:
   # This replaces the component version in the URL of the latest stable version with 'stable'
   # i.e. /commons-operator/stable/index.html instead of /commons-operator/0.3/index.html
   latest_version_segment: stable
+antora:
+  extensions:
+    - require: '@sntke/antora-mermaid-extension'
+      mermaid_library_url: https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs
 content:
   sources:
     - url: ./
@@ -99,8 +103,6 @@ asciidoc:
     - '@asciidoctor/tabs'
   attributes:
     base-repo: https://github.com/stackabletech
-    plantuml-server-url: http://www.plantuml.com/plantuml
-    kroki-fetch-diagram: true
     # an external icon. Create a link opening in a new tab like this: http://my-url.com[Text {external-link-icon}^]
     external-link-icon: "<i class=\"fa-solid fa-arrow-up-right-from-square fa-xs\" style=\"margin-left: 3px; vertical-align: baseline;\"></i>"
 # the default caching directory is ./.cache/antora
diff --git a/package-lock.json b/package-lock.json
index 2bef365b4..10f85e2aa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,8 @@
       ],
       "dependencies": {
         "@antora/lunr-extension": "^1.0.0-alpha.8",
-        "@asciidoctor/tabs": "^1.0.0-beta.6"
+        "@asciidoctor/tabs": "^1.0.0-beta.6",
+        "@sntke/antora-mermaid-extension": "0.0.8"
       },
       "devDependencies": {
         "@antora/cli": "^3.1.7",
@@ -961,6 +962,12 @@
         "node": ">=4"
       }
     },
+    "node_modules/@sntke/antora-mermaid-extension": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/@sntke/antora-mermaid-extension/-/antora-mermaid-extension-0.0.8.tgz",
+      "integrity": "sha512-tTGNECQJcJaz2m/W2izgVNLO78LBq1OyNxIpTYU/IslkRjN62ghZfK25sZTfpvJQjKeNTOnx+SmFcCpq/Sn3FQ==",
+      "license": "MIT"
+    },
     "node_modules/@stylelint/postcss-css-in-js": {
       "version": "0.37.3",
       "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.37.3.tgz",
diff --git a/package.json b/package.json
index 96af664cb..2055d2c53 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,8 @@
   },
   "dependencies": {
     "@antora/lunr-extension": "^1.0.0-alpha.8",
-    "@asciidoctor/tabs": "^1.0.0-beta.6"
+    "@asciidoctor/tabs": "^1.0.0-beta.6",
+    "@sntke/antora-mermaid-extension": "0.0.8"
   },
   "workspaces": [
     "ui"
diff --git a/truly-local-playbook.yml b/truly-local-playbook.yml
index 78b43ca04..961d9f291 100644
--- a/truly-local-playbook.yml
+++ b/truly-local-playbook.yml
@@ -10,6 +10,10 @@ urls:
   # This replaces the component version in the URL of the latest stable version with 'stable'
   # i.e. /commons-operator/stable/index.html instead of /commons-operator/0.3/index.html
   latest_version_segment: stable
+antora:
+  extensions:
+    - require: '@sntke/antora-mermaid-extension'
+      mermaid_library_url: https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs
 content:
   sources:
     - url: ./
@@ -64,8 +68,6 @@ asciidoc:
     - '@asciidoctor/tabs'
   attributes:
     base-repo: https://github.com/stackabletech
-    plantuml-server-url: http://www.plantuml.com/plantuml
-    kroki-fetch-diagram: true
     # an external icon. Create a link opening in a new tab like this: http://my-url.com[Text {external-link-icon}^]
     external-link-icon: "<i class=\"fa-solid fa-arrow-up-right-from-square fa-xs\" style=\"margin-left: 3px; vertical-align: baseline;\"></i>"
 # the default caching directory is ./.cache/antora