diff --git a/src/Add-on/ToggleUI.ts b/src/Add-on/ToggleUI.ts
new file mode 100644
index 000000000..40a2e8b67
--- /dev/null
+++ b/src/Add-on/ToggleUI.ts
@@ -0,0 +1,11 @@
+
+export class Command_ToggleUI
+{
+    async exec()
+    {
+        let els = ["#TopPanel", "#TopToolBar"].map(e => document.querySelector(e) as HTMLElement);
+
+        for (let el of els)
+            el.style.display = el.style.display === "none" ? "block" : "none";
+    }
+}
diff --git a/src/Editor/CommandRegister.ts b/src/Editor/CommandRegister.ts
index 6e1c90399..a7a9938a2 100644
--- a/src/Editor/CommandRegister.ts
+++ b/src/Editor/CommandRegister.ts
@@ -176,6 +176,7 @@ import { Command_ExportObj } from "../Add-on/Command_ExportObj";
 import { UpdateBoardInfos } from "../Add-on/BoardEditor/UpdateBoardInfos";
 import { Command_Conver2Polyline } from "../Add-on/Conver2Polyline";
 import { Command_Curve2VSBox } from "../Add-on/twoD2threeD/Command_Curve2VSBox";
+import { Command_ToggleUI } from "../Add-on/ToggleUI";
 
 export function registerCommand()
 {
@@ -486,6 +487,8 @@ export function registerCommand()
 
     commandMachine.RegisterCommand("updateboardinfos", new UpdateBoardInfos());
 
+    commandMachine.RegisterCommand("ToggleUI", new Command_ToggleUI());
+
     RegistCustomCommand();
 }