diff --git a/src/components/header/nav/HeaderNav.vue b/src/components/header/nav/HeaderNav.vue
index 28a816f..285eff3 100644
--- a/src/components/header/nav/HeaderNav.vue
+++ b/src/components/header/nav/HeaderNav.vue
@@ -1,11 +1,16 @@
 <template>
   <nav class="header-nav">
     <NavGitHub />
+    <n-divider vertical />
+    <NavInBrowserApp />
   </nav>
 </template>
 
 <script lang="ts" setup>
+import { NDivider } from "naive-ui";
+
 import NavGitHub from "./NavGitHub.vue";
+import NavInBrowserApp from "./NavInBrowserApp.vue";
 </script>
 
 <style scoped>
diff --git a/src/components/header/nav/NavInBrowserApp.vue b/src/components/header/nav/NavInBrowserApp.vue
new file mode 100644
index 0000000..dd56943
--- /dev/null
+++ b/src/components/header/nav/NavInBrowserApp.vue
@@ -0,0 +1,15 @@
+<template>
+  <n-button text tag="a" href="https://inbrowser.app" target="_blank">
+    <template #icon>
+      <n-icon>
+        <Box16Regular />
+      </n-icon>
+    </template>
+    InBrowser.App
+  </n-button>
+</template>
+
+<script setup lang="ts">
+import { NButton, NIcon } from "naive-ui";
+import { Box16Regular } from "@vicons/fluent";
+</script>