diff --git a/package-lock.json b/package-lock.json
index 6b0a86b..b0e3394 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6351,6 +6351,11 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "github-buttons": {
+      "version": "2.20.1",
+      "resolved": "https://r.cnpmjs.org/github-buttons/download/github-buttons-2.20.1.tgz",
+      "integrity": "sha512-UQpZJP7uVtbjy9vXuIMktmtoH9REy0V50iQnFQ56cyOqzDE8e/9WGedTMD8qVwp593Kyn+EKo2e4IKshoXBeZQ=="
+    },
     "glob": {
       "version": "7.2.0",
       "resolved": "https://r.cnpmjs.org/glob/download/glob-7.2.0.tgz",
@@ -12807,6 +12812,14 @@
         }
       }
     },
+    "vue-github-button": {
+      "version": "1.3.0",
+      "resolved": "https://r.cnpmjs.org/vue-github-button/download/vue-github-button-1.3.0.tgz",
+      "integrity": "sha1-pNoxejuT0Fgkdos5FqDSL6kWA74=",
+      "requires": {
+        "github-buttons": "^2.8.0"
+      }
+    },
     "vue-hot-reload-api": {
       "version": "2.3.4",
       "resolved": "https://r.cnpmjs.org/vue-hot-reload-api/download/vue-hot-reload-api-2.3.4.tgz",
diff --git a/package.json b/package.json
index e897940..bbe2f3c 100644
--- a/package.json
+++ b/package.json
@@ -53,6 +53,7 @@
     "view-design": "^4.3.2",
     "vue": "^2.6.14",
     "vue-codemirror": "^4.0.6",
+    "vue-github-button": "^1.3.0",
     "vue-nestable": "^2.6.0",
     "vue-router": "^3.4.9",
     "vuex": "^3.1.2"
diff --git a/src/components-v2/ToolsBar.vue b/src/components-v2/ToolsBar.vue
index cc8ef51..52fd648 100644
--- a/src/components-v2/ToolsBar.vue
+++ b/src/components-v2/ToolsBar.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="top-tools-bar">
 
-    <el-row :gutter="20">
+    <el-row :gutter="22">
       <el-col :span="3">
         <div class="edit">
           <el-tooltip class="item" effect="dark" content="ctrl + z" placement="bottom-start">
@@ -24,6 +24,9 @@
         <el-link type="primary" @click="$emit('structureVisible')">Inspect Components
           Structure</el-link>
       </el-col>
+      <el-col :span="3">
+        <github-button href="https://github.com/sahadev/vue-component-creater-ui" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star sahadev/vue-component-creater-ui on GitHub">Star</github-button>
+      </el-col>
     </el-row>
 
     <a href="https://github.com/sahadev/vue-component-creater-ui" class="github-corner" aria-label="View source on GitHub">
@@ -42,9 +45,11 @@
 </template>
 
 <script>
+import GithubButton from 'vue-github-button'
+
 export default {
   props: [],
-  components: {},
+  components: { GithubButton },
   data() {
     return {
       previewMode: false,