diff --git a/frontend/index.html b/frontend/index.html
index 4b810f9..3685243 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -432,6 +432,7 @@
                     </div>
                     <!-- User menu (visible when logged in) -->
                     <div class="user-menu" id="user-menu"></div>
+                    <div class="version-badge" id="version-badge" title="Version ObsiGate"></div>
                     <div class="header-menu">
                         <button
                             class="header-menu-btn"
diff --git a/frontend/js/app.js b/frontend/js/app.js
index c878525..0dc50cb 100644
--- a/frontend/js/app.js
+++ b/frontend/js/app.js
@@ -104,4 +104,15 @@ async function init() {
 document.addEventListener("DOMContentLoaded", () => {
   init();
   Sync.init();
+  // Show version in header
+  fetch('/api/health')
+    .then(r => r.json())
+    .then(d => {
+      const badge = document.getElementById('version-badge');
+      if (badge && d.version) {
+        badge.textContent = d.version;
+        badge.style.display = 'inline-block';
+      }
+    })
+    .catch(() => {});
 });
diff --git a/frontend/style.css b/frontend/style.css
index fcf8694..0b65ada 100644
--- a/frontend/style.css
+++ b/frontend/style.css
@@ -522,6 +522,21 @@ a:hover {
   background: color-mix(in srgb, var(--accent) 10%, transparent);
 }
 
+/* Version badge in header */
+.version-badge {
+  display: none;
+  font-size: 10px;
+  color: var(--text-muted);
+  padding: 2px 8px;
+  border-radius: 10px;
+  background: color-mix(in srgb, var(--text-muted) 8%, transparent);
+  border: 1px solid color-mix(in srgb, var(--text-muted) 15%, transparent);
+  font-family: var(--font-mono, monospace);
+  white-space: nowrap;
+  cursor: default;
+  user-select: none;
+}
+
 .header-menu-dropdown {
   display: none;
   position: absolute;