diff --git a/src/contentScripts/index.ts b/src/contentScripts/index.ts
index 34432e1a..4331a8e9 100644
--- a/src/contentScripts/index.ts
+++ b/src/contentScripts/index.ts
@@ -9,9 +9,10 @@ import { settings } from '~/logic'
 import { setupApp } from '~/logic/common-setup'
 import RESET_BEWLY_CSS from '~/styles/reset.css?raw'
 import { runWhenIdle } from '~/utils/lazyLoad'
-import { injectCSS, isHomePage } from '~/utils/main'
+import { compareVersions, injectCSS, isHomePage } from '~/utils/main'
 import { SVG_ICONS } from '~/utils/svgIcons'
 
+import { version } from '../../package.json'
 import App from './views/App.vue'
 
 const isFirefox: boolean = /Firefox/i.test(navigator.userAgent)
@@ -178,9 +179,35 @@ function injectAppWhenIdle() {
 }
 
 function injectApp() {
+  // Remove bewly element if it already exists and the version is less than the current version
+  // Only the development mode bewly element remains
+  const bewlyElArr: NodeListOf<Element> = document.querySelectorAll('#bewly')
+  if (bewlyElArr.length > 0) {
+    alert(`
+      You have multiple versions of BewlyBewly installed. Please retain only one to avoid conflicts and issues!
+      您安装了多个版本的 BewlyBewly。请只保留一个版本以避免冲突和问题！
+      您安裝了多個版本的 BewlyBewly。請只保留一個版本以避免衝突和問題！
+      你單咗幾個版本嘅 BewlyBewly。請淨係留一個版本嚟避免衝突同問題！
+    `)
+
+    bewlyElArr.forEach((el: Element) => {
+      const elVersion = el.getAttribute('data-version') || '0.0.0'
+      const elIsDev = el.getAttribute('data-dev') === 'true'
+
+      // Remove bewly element if the version is less than the current version
+      if (compareVersions(elVersion, version) < 0)
+        el.remove()
+      // Only the development mode element remains
+      else if (!elIsDev)
+        el.remove()
+    })
+  }
+
   // mount component to context window
   const container = document.createElement('div')
   container.id = 'bewly'
+  container.setAttribute('data-version', version)
+  container.setAttribute('data-dev', import.meta.env.DEV ? 'true' : 'false')
   const root = document.createElement('div')
   const styleEl = document.createElement('link')
   // Fix #69 https://github.com/hakadao/BewlyBewly/issues/69
diff --git a/src/utils/main.ts b/src/utils/main.ts
index c6412c13..8b20388e 100644
--- a/src/utils/main.ts
+++ b/src/utils/main.ts
@@ -229,3 +229,29 @@ export function compressAndResizeImage(file: File, maxWidth: number, maxHeight:
   // Read the file as a Data URL (base64)
   reader.readAsDataURL(file)
 }
+
+/**
+ * Compare two versions
+ * @param version1
+ * @param version2
+ * @returns 1 if version1 is greater than version2, -1 if version1 is less than version2, 0 if version1 is equal to version2
+ */
+export function compareVersions(version1: string, version2: string): number {
+  const v1Parts = version1.split('.').map(Number)
+  const v2Parts = version2.split('.').map(Number)
+
+  // Determine the longer length for iteration
+  const maxLength = Math.max(v1Parts.length, v2Parts.length)
+
+  for (let i = 0; i < maxLength; i++) {
+    const num1 = v1Parts[i] || 0 // Defaults to 0 if undefined
+    const num2 = v2Parts[i] || 0 // Defaults to 0 if undefined
+
+    if (num1 > num2)
+      return 1
+    if (num1 < num2)
+      return -1
+  }
+
+  return 0 // Versions are equal
+}