diff --git a/solardoc/frontend/src/components/editor/dropdown/EditorSandwichDropdown.vue b/solardoc/frontend/src/components/editor/dropdown/EditorSandwichDropdown.vue
index 95c27726..ed15d7f7 100644
--- a/solardoc/frontend/src/components/editor/dropdown/EditorSandwichDropdown.vue
+++ b/solardoc/frontend/src/components/editor/dropdown/EditorSandwichDropdown.vue
@@ -55,6 +55,12 @@ async function handleSaveButtonClick() {
   }
 }
 
+async function handleExportButtonClick() {
+  overlayStateStore.setExportView(true)
+  closeDropdown()
+
+}
+
 async function handleNewFileButtonClick() {
   closeDropdown()
   showDummyLoading()
@@ -80,6 +86,7 @@ async function handleNewFileButtonClick() {
     </template>
     <div id="dropdown-elements">
       <div class="dropdown-element" @click="handleNewFileButtonClick()">New File</div>
+      <div class="dropdown-element" @click="handleExportButtonClick()">Export File</div>
       <div class="dropdown-element" @click="handleSaveButtonClick()">Save in profile</div>
       <div class="dropdown-element" @click="handleJoinChannel()">Channels</div>
       <div class="dropdown-element">Settings (In work...)</div>
diff --git a/solardoc/frontend/src/stores/overlay-state.ts b/solardoc/frontend/src/stores/overlay-state.ts
index bfbe05af..f6d46fab 100644
--- a/solardoc/frontend/src/stores/overlay-state.ts
+++ b/solardoc/frontend/src/stores/overlay-state.ts
@@ -6,6 +6,7 @@ export const useOverlayStateStore = defineStore('fullScreenPreview', {
       fullScreenPreview: false,
       channelView: false,
       createShareUrl: false,
+      exportView: false,
     }
   },
   actions: {
@@ -21,10 +22,15 @@ export const useOverlayStateStore = defineStore('fullScreenPreview', {
       this.resetAll()
       this.createShareUrl = createShareUrl
     },
+    setExportView(exportView: boolean) {
+      this.resetAll()
+      this.exportView = exportView
+    },
     resetAll() {
       this.channelView = false
       this.createShareUrl = false
       this.fullScreenPreview = false
+      this.exportView = false
     },
   },
 })
diff --git a/solardoc/frontend/src/views/EditorView.vue b/solardoc/frontend/src/views/EditorView.vue
index 8439a4c6..b012b30a 100644
--- a/solardoc/frontend/src/views/EditorView.vue
+++ b/solardoc/frontend/src/views/EditorView.vue
@@ -20,6 +20,7 @@ import LoadAnywayButton from '@/components/LoadAnywayButton.vue'
 import EditorSandwichDropdown from '@/components/editor/dropdown/EditorSandwichDropdown.vue'
 import ChannelView from '@/components/editor/channel-view/ChannelView.vue'
 import ShareUrlCreate from '@/components/editor/share-url/ShareUrlCreate.vue'
+import Export from "@/components/editor/export/Export.vue";
 import * as backendAPI from '@/services/render/api-service'
 import * as phoenixBackend from '@/services/phoenix/api-service'
 import { SDSCLIENT_URL } from '@/services/phoenix/config'
@@ -130,6 +131,7 @@ setInterval(updateLastModified, 500)
   <ShareUrlCreate />
   <ChannelView />
   <FullScreenPreview />
+  <Export />
   <div id="editor-page">
     <div id="menu">
       <div id="menu-left-side">