diff --git a/www/src/App.module.less b/www/src/App.module.less
index cd166172..ed099579 100644
--- a/www/src/App.module.less
+++ b/www/src/App.module.less
@@ -14,7 +14,13 @@ html {
   padding-bottom: 30px;
   color: white;
 }
-
+.version {
+  position: fixed;
+  z-index: 9;
+  left: 40px;
+  top: 10px;
+  background-color: #ffffff4f;
+}
 .logo {
   max-width: 210px;
 }
diff --git a/www/src/App.tsx b/www/src/App.tsx
index ea0af310..48fbfdd3 100644
--- a/www/src/App.tsx
+++ b/www/src/App.tsx
@@ -10,6 +10,7 @@ const App: React.FC = () => {
   return (
     <div className={styles.app}>
       <dark-mode permanent style={{ position: 'fixed', top: 8, left: 10, zIndex: 10 }}></dark-mode>
+      <sup className={styles.version}>{VERSION}</sup>
       <GitHubCorners zIndex={9999} fixed href="https://github.com/uiwjs/react-heat-map" />
       <header className={styles.header}>
         <img src={logo} className={styles.logo} alt="react logo" />
diff --git a/www/src/react-app-env.d.ts b/www/src/react-app-env.d.ts
index 10a7af05..a9ffbac0 100644
--- a/www/src/react-app-env.d.ts
+++ b/www/src/react-app-env.d.ts
@@ -1,5 +1,7 @@
 /// <reference types="react-scripts" />
 
+declare var VERSION: string;
+
 declare module '*.module.less' {
   const classes: { readonly [key: string]: string };
   export default classes;