diff --git a/src/app/options/App.tsx b/src/app/options/App.tsx
index 3afe427..fe049e8 100644
--- a/src/app/options/App.tsx
+++ b/src/app/options/App.tsx
@@ -3,10 +3,12 @@ import Main from './components/Main'
 import ProfileForm from './components/ProfileForm'
 import BadgeList from './components/BadgeList'
 import Layout from './components/Layout'
+import VersionLink from './components/VersionLink'
 
 function App() {
   return (
     <Layout>
+      <VersionLink></VersionLink>
       <Main>
         <ProfileForm></ProfileForm>
         <Toaster richColors position="top-center" />
diff --git a/src/app/options/components/VersionLink.tsx b/src/app/options/components/VersionLink.tsx
new file mode 100644
index 0000000..4325003
--- /dev/null
+++ b/src/app/options/components/VersionLink.tsx
@@ -0,0 +1,20 @@
+import { FC } from 'react'
+import { Button } from '@/components/ui/Button'
+import Link from '@/components/Link'
+import { version } from '@/../package.json'
+
+const VersionLink: FC = () => {
+  return (
+    <Button
+      size="lg"
+      variant="ghost"
+      className="fixed right-4 top-2 rounded-full px-3 text-base font-medium text-primary"
+    >
+      <Link href="https://github.com/molvqingtai/WebChat/releases">Version: v{version}</Link>
+    </Button>
+  )
+}
+
+VersionLink.displayName = 'VersionLink'
+
+export default VersionLink