diff --git a/frontend/web-editor/public/bundle.js b/frontend/web-editor/public/bundle.js
index a76170a..6c7b36c 100644
--- a/frontend/web-editor/public/bundle.js
+++ b/frontend/web-editor/public/bundle.js
@@ -15267,6 +15267,8 @@ function has (object, property) {
 },{"assert":55}],87:[function(require,module,exports){
 module.exports = function countStore (state, emitter) {
     state.showInfo = true
+    state.showUI = true
+
     emitter.on('shuffle sketches', function (count) {
      
     })
@@ -15287,6 +15289,11 @@ module.exports = function countStore (state, emitter) {
      
     })
 
+    emitter.on('hideAll', function() {
+      state.showUI = !state.showUI
+      emitter.emit('render')
+    })
+
     emitter.on('toggle info', function (count) {
       state.showInfo = !state.showInfo
       emitter.emit('render')
@@ -15329,7 +15336,7 @@ module.exports = class Editor extends Component {
   }
 
   update (state) {
-    if(state.showInfo === true) {
+    if(state.showInfo === true || state.showUI === false) {
         this.hide()
     } else {
         this.show()
diff --git a/frontend/web-editor/src/store.js b/frontend/web-editor/src/store.js
index 95e71fa..20e31c9 100644
--- a/frontend/web-editor/src/store.js
+++ b/frontend/web-editor/src/store.js
@@ -1,5 +1,7 @@
 module.exports = function countStore (state, emitter) {
     state.showInfo = true
+    state.showUI = true
+
     emitter.on('shuffle sketches', function (count) {
      
     })
@@ -20,6 +22,11 @@ module.exports = function countStore (state, emitter) {
      
     })
 
+    emitter.on('hideAll', function() {
+      state.showUI = !state.showUI
+      emitter.emit('render')
+    })
+
     emitter.on('toggle info', function (count) {
       state.showInfo = !state.showInfo
       emitter.emit('render')
diff --git a/frontend/web-editor/src/views/EditorComponent.js b/frontend/web-editor/src/views/EditorComponent.js
index 5583fc3..7f3b9a1 100644
--- a/frontend/web-editor/src/views/EditorComponent.js
+++ b/frontend/web-editor/src/views/EditorComponent.js
@@ -28,7 +28,7 @@ module.exports = class Editor extends Component {
   }
 
   update (state) {
-    if(state.showInfo === true) {
+    if(state.showInfo === true || state.showUI === false) {
         this.hide()
     } else {
         this.show()