diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue b/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue
index 250bfe84784418687029c08d3ded79004700c159..aec47b9bd17c7799e7243f56a2c24645d7289276 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue
@@ -70,6 +70,14 @@ defineEmits(['toggle'])
             />
           </a>
         </div>
+        <a class="ml-m" style="font-size: 0;user-select:none" href="https://gitee.com/devui/vue-devui/stargazers">
+          <img
+            :src="`https://gitee.com/devui/vue-devui/badge/star.svg?theme=${
+              darkMode ? 'dark' : 'white'
+            }`"
+            alt="star"
+          />
+        </a>
       </div>
 
       <slot name="search" />
@@ -118,6 +126,10 @@ defineEmits(['toggle'])
   fill: $devui-text;
 }
 
+.custom-nav img {
+  width: 6rem;
+}
+
 .custom-nav-item:hover {
   svg,
   path {