diff --git a/AquaNet/src/App.svelte b/AquaNet/src/App.svelte
index e430d030..2bc7afa1 100644
--- a/AquaNet/src/App.svelte
+++ b/AquaNet/src/App.svelte
@@ -8,6 +8,17 @@
   import Ranking from "./pages/Ranking.svelte";
   import { USER } from "./libs/sdk";
 
+  console.log(`%c
+┏━┓         ┳━┓━┓┏━
+┣━┫┏━┓┓ ┏┏━┓┃ ┃ ┣┫
+┛ ┗┗━┫┗━┻┗━┻┻━┛━┛┗━
+     ┗       v${APP_VERSION}`, `
+     background: linear-gradient(-45deg, rgba(18,194,233,1) 0%, rgba(196,113,237,1) 50%, rgba(246,79,89,1) 100%);
+     font-weight: bold;
+     font-size: 2em;
+     -webkit-background-clip: text;
+     -webkit-text-fill-color: transparent;`)
+
   export let url = "";
 
   let path = window.location.pathname;
diff --git a/AquaNet/src/vite-env.d.ts b/AquaNet/src/vite-env.d.ts
index 4078e747..d5a1b3a1 100644
--- a/AquaNet/src/vite-env.d.ts
+++ b/AquaNet/src/vite-env.d.ts
@@ -1,2 +1,3 @@
 /// <reference types="svelte" />
 /// <reference types="vite/client" />
+declare const APP_VERSION: string;
\ No newline at end of file
diff --git a/AquaNet/vite.config.ts b/AquaNet/vite.config.ts
index d7019694..c1c33e04 100644
--- a/AquaNet/vite.config.ts
+++ b/AquaNet/vite.config.ts
@@ -4,4 +4,7 @@ import { svelte } from '@sveltejs/vite-plugin-svelte'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [svelte()],
+  define: {
+    APP_VERSION: JSON.stringify(process.env.npm_package_version),
+  },
 })