diff --git a/html/src/app.js b/html/src/app.js
index 88bd61e0..8fb8db59 100644
--- a/html/src/app.js
+++ b/html/src/app.js
@@ -5422,6 +5422,7 @@ CefSharp.BindObjectAsync(
 
     // App: More
 
+    $app.data.configTreeData = [];
     $app.data.currentUserTreeData = [];
     $app.data.pastDisplayNameTable = {
         data: [],
@@ -5531,6 +5532,10 @@ CefSharp.BindObjectAsync(
         }
     };
 
+    $app.methods.refreshConfigTreeData = function () {
+        this.configTreeData = buildTreeData(API.cachedConfig);
+    };
+
     $app.methods.refreshCurrentUserTreeData = function () {
         this.currentUserTreeData = buildTreeData(API.currentUser);
     };
diff --git a/html/src/index.pug b/html/src/index.pug
index 6466134c..c2d40990 100644
--- a/html/src/index.pug
+++ b/html/src/index.pug
@@ -401,6 +401,15 @@ html
                     div(style="margin-top:5px")
                         el-button-group
                             el-button(size="small" icon="el-icon-s-operation" @click="showLaunchOptions()") Launch Options
+                div(style="margin-top:30px")
+                    span(style="font-weight:bold") Config JSON
+                    el-button(type="default" @click="refreshConfigTreeData()" size="mini" icon="el-icon-refresh" circle style="margin-left:5px")
+                    el-button(type="default" @click="configTreeData = []" size="mini" icon="el-icon-delete" circle style="margin-left:0")
+                    el-tree(:data="configTreeData" style="margin-top:5px;font-size:12px")
+                        template(#default="scope")
+                            span
+                                span(v-text="scope.data.key" style="font-weight:bold;margin-right:5px")
+                                span(v-if="!scope.data.children" v-text="scope.data.value")
                 div(style="margin-top:30px")
                     span(style="font-weight:bold") My Profile
                     .x-friend-list(style="margin-top:10px")