diff --git a/src/renderer/src/CodeLaunchpadApp.vue b/src/renderer/src/CodeLaunchpadApp.vue
index de601d0..69b88c9 100644
--- a/src/renderer/src/CodeLaunchpadApp.vue
+++ b/src/renderer/src/CodeLaunchpadApp.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
+import CodeLaunchpadButton from '@renderer/components-code-launchpad/CodeLaunchpadButton.vue'
 
 const activeKey = ref('/codeLaunchpad/IDEs')
 const router = useRouter()
@@ -33,6 +34,7 @@ function handleUpdateValue(key: string): void {
     <div class="scrollarea">
       <router-view />
     </div>
+    <CodeLaunchpadButton />
   </div>
 </template>
 
diff --git a/src/renderer/src/components-code-launchpad/CodeLaunchpadButton.vue b/src/renderer/src/components-code-launchpad/CodeLaunchpadButton.vue
new file mode 100644
index 0000000..3d8ec1f
--- /dev/null
+++ b/src/renderer/src/components-code-launchpad/CodeLaunchpadButton.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { Close as CloseIcon } from '@vicons/ionicons5'
+
+function close(): void {
+  window.api._closeCodeLaunchpad()
+}
+</script>
+
+<template>
+  <n-float-button-group :right="16" :top="16" shape="circle">
+    <n-float-button type="default" @click="close">
+      <n-icon>
+        <CloseIcon />
+      </n-icon>
+    </n-float-button>
+  </n-float-button-group>
+</template>
+
+<style scoped></style>