diff --git a/generate_webui_conf.py b/generate_webui_conf.py
index d5125559..77ed0b8b 100644
--- a/generate_webui_conf.py
+++ b/generate_webui_conf.py
@@ -2,4 +2,12 @@ import json
 
 from glances.outputs.glances_curses import _GlancesCurses
 
-print(json.dumps({"leftMenu": [p for p in _GlancesCurses._left_sidebar if p != "now"]}, indent=4))
+print(
+    json.dumps(
+        {
+            "topMenu": list(_GlancesCurses._top),
+            "leftMenu": [p for p in _GlancesCurses._left_sidebar if p != "now"],
+        },
+        indent=4,
+    )
+)
diff --git a/glances/outputs/static/js/App.vue b/glances/outputs/static/js/App.vue
index c10ff1ce..d2c4af87 100644
--- a/glances/outputs/static/js/App.vue
+++ b/glances/outputs/static/js/App.vue
@@ -187,6 +187,11 @@ export default {
             const title = (data.stats && data.stats.system && data.stats.system.hostname) || '';
             return title ? `${title} - Glances` : 'Glances';
         },
+        topMenu() {
+            return this.config.outputs !== undefined && this.config.outputs.top_menu !== undefined
+                ? this.config.outputs.top_menu.split(',')
+                : uiconfig.topMenu;
+        },
         leftMenu() {
             return this.config.outputs !== undefined && this.config.outputs.left_menu !== undefined
                 ? this.config.outputs.left_menu.split(',')
diff --git a/glances/outputs/static/js/uiconfig.json b/glances/outputs/static/js/uiconfig.json
index a734a0f2..1f574dde 100644
--- a/glances/outputs/static/js/uiconfig.json
+++ b/glances/outputs/static/js/uiconfig.json
@@ -1,4 +1,13 @@
 {
+    "topMenu": [
+        "quicklook",
+        "cpu",
+        "percpu",
+        "gpu",
+        "mem",
+        "memswap",
+        "load"
+    ],
     "leftMenu": [
         "network",
         "ports",