diff --git a/package-lock.json b/package-lock.json
index 4a65072..128fd16 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,11 +6,9 @@
     "": {
       "name": "@antora/ui-default",
       "license": "MPL-2.0",
-      "dependencies": {
-        "word-wrap": "^1.2.5"
-      },
       "devDependencies": {
         "@asciidoctor/core": "~2.2",
+        "@asciidoctor/tabs": "^1.0.0-beta.6",
         "autoprefixer": "^10.4",
         "browser-pack-flat": "^3.4",
         "browserify": "^17.0",
@@ -84,6 +82,15 @@
         "yarn": ">=1.1.0"
       }
     },
+    "node_modules/@asciidoctor/tabs": {
+      "version": "1.0.0-beta.6",
+      "resolved": "https://registry.npmjs.org/@asciidoctor/tabs/-/tabs-1.0.0-beta.6.tgz",
+      "integrity": "sha512-gGZnW7UfRXnbiyKNd9PpGKtSuD8+DsqaaTSbQ1dHVkZ76NaolLhdQg8RW6/xqN3pX1vWZEcF4e81+Oe9rNRWxg==",
+      "dev": true,
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
     "node_modules/@babel/code-frame": {
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz",
@@ -18391,6 +18398,7 @@
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
       "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -18683,6 +18691,12 @@
         "unxhr": "1.0.1"
       }
     },
+    "@asciidoctor/tabs": {
+      "version": "1.0.0-beta.6",
+      "resolved": "https://registry.npmjs.org/@asciidoctor/tabs/-/tabs-1.0.0-beta.6.tgz",
+      "integrity": "sha512-gGZnW7UfRXnbiyKNd9PpGKtSuD8+DsqaaTSbQ1dHVkZ76NaolLhdQg8RW6/xqN3pX1vWZEcF4e81+Oe9rNRWxg==",
+      "dev": true
+    },
     "@babel/code-frame": {
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz",
@@ -33080,7 +33094,8 @@
     "word-wrap": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
-      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA=="
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true
     },
     "wordwrap": {
       "version": "1.0.0",
diff --git a/package.json b/package.json
index 7c8382c..bbe4f0c 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
   ],
   "devDependencies": {
     "@asciidoctor/core": "~2.2",
+    "@asciidoctor/tabs": "^1.0.0-beta.6",
     "autoprefixer": "^10.4",
     "browser-pack-flat": "^3.4",
     "browserify": "^17.0",
diff --git a/src/css/site.css b/src/css/site.css
index 92945e4..602a464 100644
--- a/src/css/site.css
+++ b/src/css/site.css
@@ -20,3 +20,4 @@
 @import "end-of-life-banner.css";
 @import "link-bar.css";
 @import "vendor/fontawesome.css";
+@import "@asciidoctor/tabs";
diff --git a/src/js/vendor/tabs.bundle.js b/src/js/vendor/tabs.bundle.js
new file mode 100644
index 0000000..8d1016f
--- /dev/null
+++ b/src/js/vendor/tabs.bundle.js
@@ -0,0 +1 @@
+require('@asciidoctor/tabs')
diff --git a/src/partials/footer-scripts.hbs b/src/partials/footer-scripts.hbs
index cdd241e..ed76490 100644
--- a/src/partials/footer-scripts.hbs
+++ b/src/partials/footer-scripts.hbs
@@ -1,5 +1,6 @@
 <script src="{{{uiRootPath}}}/js/site.js"></script>
 <script async src="{{{uiRootPath}}}/js/vendor/highlight.js"></script>
+<script async src="{{{uiRootPath}}}/js/vendor/tabs.js" data-sync-storage-key="preferred-tab"></script>
 {{#if env.SITE_SEARCH_PROVIDER}}
 {{> search-scripts}}
 {{/if}}