diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell.vue
index 42feb8537f..7e5d7d0867 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell.vue
@@ -21,7 +21,6 @@
       v-model="localState"
       :is-form="isForm"
       v-on="parentListeners"
-      @input="$emit('change');"
     />
 
     <integer-cell
@@ -108,6 +107,7 @@
 </template>
 
 <script>
+import debounce from 'debounce'
 import DatePickerCell from '@/components/project/spreadsheet/components/editableCell/datePickerCell'
 import EditableUrlCell from '@/components/project/spreadsheet/components/editableCell/editableUrlCell'
 import JsonEditableCell from '@/components/project/spreadsheet/components/editableCell/jsonEditableCell'
@@ -124,7 +124,6 @@ import EditableAttachmentCell from '@/components/project/spreadsheet/components/
 import EnumCell from '@/components/project/spreadsheet/components/cell/enumCell'
 import SetListEditableCell from '@/components/project/spreadsheet/components/editableCell/setListEditableCell'
 import SetListCell from '@/components/project/spreadsheet/components/cell/setListCell'
-import debounce from 'debounce'
 
 export default {
   name: 'EditableCell',
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/booleanCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/booleanCell.vue
index ad08d5538f..a109fdee7d 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/booleanCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/booleanCell.vue
@@ -25,12 +25,12 @@ export default {
     parentListeners() {
       const $listeners = {}
 
-      if (this.$listeners.blur) {
-        $listeners.blur = this.$listeners.blur
-      }
-      if (this.$listeners.focus) {
-        $listeners.focus = this.$listeners.focus
-      }
+      // if (this.$listeners.blur) {
+      //   $listeners.blur = this.$listeners.blur
+      // }
+      // if (this.$listeners.focus) {
+      //   $listeners.focus = this.$listeners.focus
+      // }
 
       return $listeners
     }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/extras.vue b/packages/nc-gui/components/project/spreadsheet/components/extras.vue
index 13c270a7f3..1c6ea76577 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/extras.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/extras.vue
@@ -1,9 +1,32 @@
 <template>
   <div class="wrapper">
-    <div class="d-flex justify-end">
-      <v-list
-        width="100%"
-        class="
+    <div v-if="_isZh">
+      <p class="caption grey--text d-block mb-3 text-center pt-2">
+        Please share a word about us
+      </p>
+      <share-icons
+        class="d-flex justify-center mb-2"
+        url="https://github.com/nocodb/nocodb"
+        :social-medias="['renren','douban','weibo','wechat']"
+      />
+      <v-divider />
+      <div class="text-center caption grey--text mt-3 mb-1">
+        Built with Vue JS<br><img src="vue.svg" class="vue-icon mt-1 mb-n1" alt="vue.js" width="30">
+      </div>
+
+      <!--      <div class="justify-center caption grey&#45;&#45;text mt-2 d-flex align-center ">
+        <img src="favicon-32.png" alt="nocodb" width="20px">
+        <v-icon size="13" color="red" class="mx-3">
+          mdi-heart
+        </v-icon>
+        <img src="vue.svg" class="vue-icon" alt="vue.js" width="20px">
+      </div>-->
+    </div>
+    <template v-else>
+      <div class="d-flex justify-end">
+        <v-list
+          width="100%"
+          class="
           flex-shrink-1
           text-left
           elevation-1
@@ -11,70 +34,74 @@
           community-card
           item
         "
-        :class="{ active: showCommunity }"
-        dense
-      >
-        <v-list-item
+          :class="{ active: showCommunity }"
           dense
-          target="_blank"
-          href="https://calendly.com/nocodb"
         >
-          <!-- Book a Free DEMO -->
-          <v-list-item-title>
-            <v-icon class="mr-1" small :color="textColors[3]">
-              mdi-calendar-month
-            </v-icon>
-            <span class="caption" :title="$t('projects.show_community_book_a_free_demo')">{{
-              $t('projects.show_community_book_a_free_demo')
-            }}</span>
-          </v-list-item-title>
-        </v-list-item>
-        <v-divider />
-        <v-list-item dense href="https://discord.gg/5RgZmkW" target="_blank">
-          <!-- Get your questions answered -->
-          <v-list-item-title>
-            <v-icon class="mr-1" small :color="textColors[0]">
-              mdi-discord
-            </v-icon>
-            <span class="caption" :title="$t('projects.show_community_join_discord')">{{
-              $t('projects.show_community_join_discord')
-            }}</span>
-          </v-list-item-title>
-        </v-list-item>
-        <v-divider />
-        <v-list-item dense href="https://twitter.com/NocoDB" target="_blank">
-          <!-- Follow NocoDB -->
-          <v-list-item-title>
-            <v-icon class="mr-1" small :color="textColors[1]">
-              mdi-twitter
-            </v-icon>
-            <span class="caption" title="$t('projects.show_community_follow_nocodb')"> {{
-              $t('projects.show_community_follow_nocodb')
-            }}</span>
-          </v-list-item-title>
-        </v-list-item>
-      </v-list>
-    </div>
+          <v-list-item
+            dense
+            target="_blank"
+            href="https://calendly.com/nocodb"
+          >
+            <!-- Book a Free DEMO -->
+            <v-list-item-title>
+              <v-icon class="mr-1" small :color="textColors[3]">
+                mdi-calendar-month
+              </v-icon>
+              <span class="caption" :title="$t('projects.show_community_book_a_free_demo')">{{
+                $t('projects.show_community_book_a_free_demo')
+              }}</span>
+            </v-list-item-title>
+          </v-list-item>
+          <v-divider />
+          <v-list-item dense href="https://discord.gg/5RgZmkW" target="_blank">
+            <!-- Get your questions answered -->
+            <v-list-item-title>
+              <v-icon class="mr-1" small :color="textColors[0]">
+                mdi-discord
+              </v-icon>
+              <span class="caption" :title="$t('projects.show_community_join_discord')">{{
+                $t('projects.show_community_join_discord')
+              }}</span>
+            </v-list-item-title>
+          </v-list-item>
+          <v-divider />
+          <v-list-item dense href="https://twitter.com/NocoDB" target="_blank">
+            <!-- Follow NocoDB -->
+            <v-list-item-title>
+              <v-icon class="mr-1" small :color="textColors[1]">
+                mdi-twitter
+              </v-icon>
+              <span class="caption" title="$t('projects.show_community_follow_nocodb')"> {{
+                $t('projects.show_community_follow_nocodb')
+              }}</span>
+            </v-list-item-title>
+          </v-list-item>
+        </v-list>
+      </div>
 
-    <sponsor-mini
-      :class="{ active: !showCommunity }"
-      class="item"
-      :nav="true"
-    />
+      <sponsor-mini
+        :class="{ active: !showCommunity }"
+        class="item"
+        :nav="true"
+      />
+    </template>
   </div>
 </template>
 
 <script>
+import ShareIcons from '../../../share-icons'
 import SponsorMini from '~/components/sponsorMini'
 import colors from '~/mixins/colors'
 
 export default {
   name: 'Extras',
-  components: { SponsorMini },
+  components: { ShareIcons, SponsorMini },
   mixins: [colors],
   data: () => ({
     showCommunity: true
   }),
+  computed: {
+  },
   mounted() {
     setInterval(() => {
       this.showCommunity = !this.showCommunity
@@ -103,4 +130,20 @@ export default {
     }
   }
 }
+
+//
+//@keyframes anim {
+//  0%, 100% {
+//    opacity: .2;
+//    transform: scale(.5);
+//  }
+//  50% {
+//    opacity: 1;
+//    transform: scale(1);
+//  }
+//}
+//
+//.vue-icon {
+//  animation: anim 2s infinite;
+//}
 </style>
diff --git a/packages/nc-gui/components/share-icons.vue b/packages/nc-gui/components/share-icons.vue
new file mode 100644
index 0000000000..5818012fe9
--- /dev/null
+++ b/packages/nc-gui/components/share-icons.vue
@@ -0,0 +1,332 @@
+<template>
+  <div>
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('twitter')"
+      v-ge="['twitter','']"
+      href="#"
+      :class="iconClass"
+      class="px-2"
+      @click.prevent="openUrl(`https://twitter.com/intent/tweet?url=${shareUrl}&text=${encodedSummary}&hashtags=${hashTags}`)"
+    >
+      <img
+        src="/social/twitter.png"
+        class="img-responsive"
+        alt="Twitter"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+      >
+    </a>
+
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('linkedin')"
+      v-ge="['linkedin','']"
+      href="#"
+      :class="iconClass"
+      class="px-2"
+      @click.prevent="openUrl(`https://www.linkedin.com/shareArticle?mini=true&url=${shareUrl}&title=${encodedTitle}&summary=${encodedSummary}`)"
+    >
+      <img
+        src="/social/linkedin.png"
+        class="img-responsive"
+        alt="Linkedin"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+      >
+    </a>
+
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('facebook')"
+      v-ge="['facebook','']"
+      href="#"
+      :class="iconClass"
+      class="px-2"
+      @click.prevent="openUrl(`https://www.facebook.com/sharer/sharer.php?u=${shareUrl}&title=${encodedTitle}&summary=${encodedSummary}&quote=${encodedTitle}&hashtag=${fbHashTags}`)"
+    >
+      <img
+        src="/social/facebook.png"
+        class="img-responsive"
+        alt="Facebook"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+      >
+    </a>
+
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('reddit')"
+      v-ge="['reddit','']"
+      href="#"
+      :class="iconClass"
+      class="px-2"
+      @click.prevent="openUrl(`https://www.reddit.com/submit?url=${shareUrl}&title=${encodedSummary}`)"
+    >
+      <img
+        src="/social/reddit.png"
+        class="img-responsive"
+        alt="Reddit"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+      >
+    </a>
+
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('pinterest')"
+      v-ge="['pinterest','']"
+      href="#"
+      :class="iconClass"
+      class="px-2"
+      @click.prevent="openUrl(`https://pinterest.com/pin/create/button/?url=${shareUrl}&description==${encodedSummary}`)"
+    >
+      <img
+        src="/social/pinterest.png"
+        class="img-responsive"
+        alt="Printrest"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+      >
+    </a>
+
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('whatsapp')"
+      v-ge="['whatsapp','']"
+      href="#"
+      :class="iconClass"
+      class="px-2"
+      @click.prevent="openUrl(`https://api.whatsapp.com/send?text=${encodedSummary}%0D%0A${shareUrl}`)"
+    >
+      <img
+        src="/social/whatsapp.png"
+        class="img-responsive"
+        alt="Whatsapp"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+      >
+    </a>
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('telegram')"
+      v-ge="['telegram','']"
+      href="#"
+      :class="iconClass"
+      class="px-2"
+      @click.prevent="openUrl(`https://telegram.me/share/url?url=${shareUrl}&text=${encodedSummary}`)"
+    >
+      <img
+        src="/social/png/telegram.png"
+        class="img-responsive"
+        alt="Telegram"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+      >
+    </a>
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('wechat')"
+      v-ge="['wechat','']"
+      :class="iconClass"
+      class="px-2"
+      @click.prevent="openUrl(`https://www.addtoany.com/add_to/wechat?linkurl=${shareUrl}&linkname=${encodedTitle}`)"
+    >
+      <img
+        src="/social/png/wechat.png"
+        class="img-responsive"
+        alt="Wechat"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+      >
+    </a>
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('line')"
+      v-ge="['line','']"
+      href="#"
+      :class="iconClass"
+      class="px-2"
+    >
+      <img
+        src="/social/png/line.png"
+        class="img-responsive"
+        alt="Line"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+        @click.prevent="openUrl(`http://line.me/R/msg/text/?${encodedTitle}%0D%0A${shareUrl}`)"
+      >
+    </a>
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('odnoklassniki')"
+      v-ge="['odnoklassniki','']"
+      href="#"
+      :class="iconClass"
+      class="px-2"
+    >
+      <img
+        src="/social/png/odnoklassniki.png"
+        class="img-responsive"
+        alt="Odnoklassniki"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+        @click.prevent="openUrl(`https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&st.shareUrl=${shareUrl}&st.comments=${encodedSummary}`)"
+      >
+    </a>
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('weibo')"
+      v-ge="['weibo','']"
+      href="#"
+      :class="iconClass"
+      class="px-2"
+      @click.prevent="openUrl(`http://service.weibo.com/share/share.php?url=${shareUrl})&title=${encodedTitle}`)"
+    >
+      <img
+        src="/social/png/weibo.png"
+        class="img-responsive"
+        alt="Weibo"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+      >
+    </a>
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('renren')"
+      v-ge="['renren','']"
+      :class="iconClass"
+      class="px-2"
+      @click.prevent="openUrl(`http://widget.renren.com/dialog/share?resourceUrl=${shareUrl}&srcUrl=${shareUrl}&title=${encodedTitle}&description=${encodedSummary}`)"
+    >
+      <img
+        src="/social/png/renren.png"
+        class="img-responsive"
+        alt="Renren"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+      >
+    </a>
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('douban')"
+      v-ge="['douban','']"
+      :class="iconClass"
+      class="px-2"
+      @click.prevent="openUrl(`http://www.douban.com/recommend/?url=${shareUrl}&title=${encodedTitle}`)"
+    >
+      <img
+        src="/social/png/douban.png"
+        class="img-responsive"
+        alt="Douban"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+      >
+    </a>
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('vk')"
+      v-ge="['vk','']"
+      href="#"
+      :class="iconClass"
+      class="px-2"
+      @click.prevent="openUrl(`https://vk.com/share.php?url=${shareUrl})&title=${encodedTitle}&description=${encodedSummary}&noparse=true`)"
+    >
+      <img
+        src="/social/png/vk.png"
+        class="img-responsive"
+        alt="VK"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+      >
+    </a>
+    <a
+      v-if="!socialMedias || !socialMedias.length || socialMedias.includes('wykop')"
+      v-ge="['wykop','']"
+      :class="iconClass"
+      class="px-2"
+      @click.prevent="openUrl(`https://www.addtoany.com/add_to/wykop?linkurl=${shareUrl}&linkname=${encodedTitle}`)"
+    >
+      <img
+        src="/social/png/wykop.jpg"
+        class="img-responsive"
+        alt="Wykop"
+        :width="width"
+        :style="css"
+        title="Social Media Share"
+      >
+    </a>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ShareIcons',
+  props: {
+    url: String,
+    socialMedias: {
+      type: Array
+    },
+    title: {
+      default: 'NocoDB',
+      type: String
+    },
+    summary: {
+      type: String
+    },
+    hashTags: {
+      default: '',
+      type: String
+    },
+    css: {
+      default: ''
+    },
+    width: {
+      default: '45px'
+    },
+    iconClass: {
+      default: ''
+    }
+
+  },
+  data() {
+    return {
+      summaryArr: [
+        'Instant #Rest & #GraphQL APIs on any #SQL Database (Supports : MySQL, PostgresSQL, MsSQL, SQLite, MariaDB) #nocodb ',
+        'Instantly generate #Rest & #GraphQL APIs on any #SQL Database (Supports : MySQL, PostgresSQL, MsSQL, SQLite, MariaDB) #nocodb',
+        'Instant #serverless Rest & #GraphQL APIs on any Database #nocodb',
+        'Instant APIs on any SQL Database (Supports : #REST #GraphQL #MySQL, #PostgresSQL, #MsSQL, #SQLite, #MariaDB) #nocodb',
+        'Generate Instant APIs on any SQL Database (Supports : #REST #GraphQL #MySQL, #PostgresSQL, #MsSQL, #SQLite, #MariaDB) #nocodb'
+      ]
+    }
+  },
+  computed: {
+    shareUrl() {
+      return encodeURIComponent(this.url)
+    },
+    encodedSummary() {
+      return ''// encodeURIComponent(this.summary || this.summaryArr[Math.floor(Math.random() * this.summaryArr.length)])
+    },
+    encodedTitle() {
+      return encodeURIComponent(this.title || 'NocoDB')
+    },
+    fbHashTags() {
+      return this.hashTags && ('%23' + this.hashTags)
+    }
+  },
+  methods: {
+    openUrl(url) {
+      window.open(url, '_blank')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.img-responsive{
+  width:30px;
+}
+.small .img-responsive{
+  width:25px;
+}
+</style>
diff --git a/packages/nc-gui/mixins/device.js b/packages/nc-gui/mixins/device.js
index c2eec1d7ae..dee099f14a 100644
--- a/packages/nc-gui/mixins/device.js
+++ b/packages/nc-gui/mixins/device.js
@@ -43,6 +43,9 @@ export default {
     _isEE() {
       return process.env.EE
     },
+    _isZh() {
+      return ['zh', 'zh-cn', 'zh-hk', 'zh-mo', 'zh-sg', 'zh-tw'].includes((navigator.language || navigator.userLanguage || 'en').toLowerCase())
+    },
     ...mapGetters({
       _isUIAllowed: 'users/GtrIsUIAllowed'
     })
diff --git a/packages/nc-gui/pages/projects/index.vue b/packages/nc-gui/pages/projects/index.vue
index caeb36543f..bbc74d4627 100644
--- a/packages/nc-gui/pages/projects/index.vue
+++ b/packages/nc-gui/pages/projects/index.vue
@@ -541,8 +541,11 @@
             {{ $t('projects.show_community_us_on_Github') }}
           </v-list-item-title>
         </v-list-item>
-        <v-divider />
+        <v-divider
+          v-if="!_isZh"
+        />
         <v-list-item
+          v-if="!_isZh"
           dense
           target="_blank"
           href="https://calendly.com/nocodb"
@@ -577,7 +580,12 @@
           </v-list-item-title>
         </v-list-item>
         <v-divider />
-        <v-list-item dense href="https://twitter.com/NocoDB" target="_blank">
+        <v-list-item
+          v-if="!_isZh"
+          dense
+          href="https://twitter.com/NocoDB"
+          target="_blank"
+        >
           <v-list-item-icon>
             <v-icon class="ml-2" :color="textColors[1]">
               mdi-twitter
@@ -590,6 +598,51 @@
             }}
           </v-list-item-title>
         </v-list-item>
+        <template v-else>
+          <v-list-item dense class="" @click="$refs.wechat.$el.firstElementChild.click()">
+            <v-list-item-icon>
+              <share-icons
+                ref="wechat"
+                class="small  mr-n2"
+                url="https://github.com/nocodb/nocodb"
+                :social-medias="['wechat']"
+              />
+            </v-list-item-icon>
+            <v-list-item-title>
+              Please share it in Wechat
+            </v-list-item-title>
+          </v-list-item>
+          <v-divider />
+          <v-list-item dense class="" @click="$refs.weibo.$el.firstElementChild.click()">
+            <v-list-item-icon>
+              <share-icons
+                ref="weibo"
+                class="small mr-n2"
+                url="https://github.com/nocodb/nocodb"
+                :social-medias="['weibo']"
+              />
+            </v-list-item-icon>
+            <v-list-item-title>
+              Please share it in Weibo
+            </v-list-item-title>
+          </v-list-item>
+          <v-divider />
+          <v-list-item
+            dense
+            target="_blank"
+          >
+            <v-list-item-icon>
+              <img class="ml-2" src="vue.svg" width="25">
+            </v-list-item-icon>
+            <!-- Follow NocoDB -->
+            <v-list-item-title>
+              Built with Vue JS
+              <!--              {{-->
+              <!--                $t('projects.show_community_follow_nocodb')-->
+              <!--              }}-->
+            </v-list-item-title>
+          </v-list-item>
+        </template>
       </v-list>
     </div>
 
@@ -613,11 +666,13 @@
 
 <script>
 import dlgLabelSubmitCancel from '../../components/utils/dlgLabelSubmitCancel.vue'
+import ShareIcons from '../../components/share-icons'
 import SponsorMini from '@/components/sponsorMini'
 import colors from '~/mixins/colors'
 
 export default {
   components: {
+    ShareIcons,
     SponsorMini,
     dlgLabelSubmitCancel
     // howItWorks,
diff --git a/packages/nc-gui/static/social/email.png b/packages/nc-gui/static/social/email.png
new file mode 100755
index 0000000000..9c64659b3b
Binary files /dev/null and b/packages/nc-gui/static/social/email.png differ
diff --git a/packages/nc-gui/static/social/facebook.png b/packages/nc-gui/static/social/facebook.png
new file mode 100755
index 0000000000..0c459769a7
Binary files /dev/null and b/packages/nc-gui/static/social/facebook.png differ
diff --git a/packages/nc-gui/static/social/google-plus.png b/packages/nc-gui/static/social/google-plus.png
new file mode 100755
index 0000000000..20b232baa0
Binary files /dev/null and b/packages/nc-gui/static/social/google-plus.png differ
diff --git a/packages/nc-gui/static/social/googlemaps.png b/packages/nc-gui/static/social/googlemaps.png
new file mode 100755
index 0000000000..3113477fde
Binary files /dev/null and b/packages/nc-gui/static/social/googlemaps.png differ
diff --git a/packages/nc-gui/static/social/gov.uk.png b/packages/nc-gui/static/social/gov.uk.png
new file mode 100755
index 0000000000..6046496c84
Binary files /dev/null and b/packages/nc-gui/static/social/gov.uk.png differ
diff --git a/packages/nc-gui/static/social/instagram.png b/packages/nc-gui/static/social/instagram.png
new file mode 100755
index 0000000000..0519ef0c0a
Binary files /dev/null and b/packages/nc-gui/static/social/instagram.png differ
diff --git a/packages/nc-gui/static/social/linkedin.png b/packages/nc-gui/static/social/linkedin.png
new file mode 100755
index 0000000000..9a64b6da69
Binary files /dev/null and b/packages/nc-gui/static/social/linkedin.png differ
diff --git a/packages/nc-gui/static/social/medium.png b/packages/nc-gui/static/social/medium.png
new file mode 100755
index 0000000000..231333bbc6
Binary files /dev/null and b/packages/nc-gui/static/social/medium.png differ
diff --git a/packages/nc-gui/static/social/onthemarket.png b/packages/nc-gui/static/social/onthemarket.png
new file mode 100755
index 0000000000..3f8b1507a7
Binary files /dev/null and b/packages/nc-gui/static/social/onthemarket.png differ
diff --git a/packages/nc-gui/static/social/pinterest.png b/packages/nc-gui/static/social/pinterest.png
new file mode 100755
index 0000000000..dc3d29c7eb
Binary files /dev/null and b/packages/nc-gui/static/social/pinterest.png differ
diff --git a/packages/nc-gui/static/social/png/douban.png b/packages/nc-gui/static/social/png/douban.png
new file mode 100644
index 0000000000..8da21d451f
Binary files /dev/null and b/packages/nc-gui/static/social/png/douban.png differ
diff --git a/packages/nc-gui/static/social/png/facebook.png b/packages/nc-gui/static/social/png/facebook.png
new file mode 100644
index 0000000000..3470b600ed
Binary files /dev/null and b/packages/nc-gui/static/social/png/facebook.png differ
diff --git a/packages/nc-gui/static/social/png/gmail.png b/packages/nc-gui/static/social/png/gmail.png
new file mode 100644
index 0000000000..7c7c53fa0e
Binary files /dev/null and b/packages/nc-gui/static/social/png/gmail.png differ
diff --git a/packages/nc-gui/static/social/png/google-plus.png b/packages/nc-gui/static/social/png/google-plus.png
new file mode 100644
index 0000000000..d61227f9b3
Binary files /dev/null and b/packages/nc-gui/static/social/png/google-plus.png differ
diff --git a/packages/nc-gui/static/social/png/line.png b/packages/nc-gui/static/social/png/line.png
new file mode 100644
index 0000000000..ba05a1172f
Binary files /dev/null and b/packages/nc-gui/static/social/png/line.png differ
diff --git a/packages/nc-gui/static/social/png/linkedin.png b/packages/nc-gui/static/social/png/linkedin.png
new file mode 100644
index 0000000000..0c07e6189f
Binary files /dev/null and b/packages/nc-gui/static/social/png/linkedin.png differ
diff --git a/packages/nc-gui/static/social/png/medium.png b/packages/nc-gui/static/social/png/medium.png
new file mode 100644
index 0000000000..693dd6bd22
Binary files /dev/null and b/packages/nc-gui/static/social/png/medium.png differ
diff --git a/packages/nc-gui/static/social/png/odnoklassniki.png b/packages/nc-gui/static/social/png/odnoklassniki.png
new file mode 100644
index 0000000000..6f572d3a91
Binary files /dev/null and b/packages/nc-gui/static/social/png/odnoklassniki.png differ
diff --git a/packages/nc-gui/static/social/png/renren.png b/packages/nc-gui/static/social/png/renren.png
new file mode 100644
index 0000000000..047897d66e
Binary files /dev/null and b/packages/nc-gui/static/social/png/renren.png differ
diff --git a/packages/nc-gui/static/social/png/skype.png b/packages/nc-gui/static/social/png/skype.png
new file mode 100644
index 0000000000..34b1d7980d
Binary files /dev/null and b/packages/nc-gui/static/social/png/skype.png differ
diff --git a/packages/nc-gui/static/social/png/telegram.png b/packages/nc-gui/static/social/png/telegram.png
new file mode 100644
index 0000000000..083abb5cd7
Binary files /dev/null and b/packages/nc-gui/static/social/png/telegram.png differ
diff --git a/packages/nc-gui/static/social/png/twitter.png b/packages/nc-gui/static/social/png/twitter.png
new file mode 100644
index 0000000000..ca388e163d
Binary files /dev/null and b/packages/nc-gui/static/social/png/twitter.png differ
diff --git a/packages/nc-gui/static/social/png/viber.png b/packages/nc-gui/static/social/png/viber.png
new file mode 100644
index 0000000000..fb4d55b2ab
Binary files /dev/null and b/packages/nc-gui/static/social/png/viber.png differ
diff --git a/packages/nc-gui/static/social/png/vk.png b/packages/nc-gui/static/social/png/vk.png
new file mode 100644
index 0000000000..1f793fc290
Binary files /dev/null and b/packages/nc-gui/static/social/png/vk.png differ
diff --git a/packages/nc-gui/static/social/png/wechat.png b/packages/nc-gui/static/social/png/wechat.png
new file mode 100644
index 0000000000..b0b506c477
Binary files /dev/null and b/packages/nc-gui/static/social/png/wechat.png differ
diff --git a/packages/nc-gui/static/social/png/weibo.png b/packages/nc-gui/static/social/png/weibo.png
new file mode 100644
index 0000000000..01bd6eceec
Binary files /dev/null and b/packages/nc-gui/static/social/png/weibo.png differ
diff --git a/packages/nc-gui/static/social/png/whatsapp.png b/packages/nc-gui/static/social/png/whatsapp.png
new file mode 100644
index 0000000000..1d49016ced
Binary files /dev/null and b/packages/nc-gui/static/social/png/whatsapp.png differ
diff --git a/packages/nc-gui/static/social/png/wykop.jpg b/packages/nc-gui/static/social/png/wykop.jpg
new file mode 100644
index 0000000000..3bba88c50b
Binary files /dev/null and b/packages/nc-gui/static/social/png/wykop.jpg differ
diff --git a/packages/nc-gui/static/social/reddit.png b/packages/nc-gui/static/social/reddit.png
new file mode 100755
index 0000000000..a530d1bca7
Binary files /dev/null and b/packages/nc-gui/static/social/reddit.png differ
diff --git a/packages/nc-gui/static/social/scribd.png b/packages/nc-gui/static/social/scribd.png
new file mode 100755
index 0000000000..a5f39cef18
Binary files /dev/null and b/packages/nc-gui/static/social/scribd.png differ
diff --git a/packages/nc-gui/static/social/snapchat.png b/packages/nc-gui/static/social/snapchat.png
new file mode 100755
index 0000000000..ce442fe51f
Binary files /dev/null and b/packages/nc-gui/static/social/snapchat.png differ
diff --git a/packages/nc-gui/static/social/tumblr.png b/packages/nc-gui/static/social/tumblr.png
new file mode 100644
index 0000000000..077b74d6f1
Binary files /dev/null and b/packages/nc-gui/static/social/tumblr.png differ
diff --git a/packages/nc-gui/static/social/twitter.png b/packages/nc-gui/static/social/twitter.png
new file mode 100755
index 0000000000..13f0283526
Binary files /dev/null and b/packages/nc-gui/static/social/twitter.png differ
diff --git a/packages/nc-gui/static/social/whatsapp.png b/packages/nc-gui/static/social/whatsapp.png
new file mode 100755
index 0000000000..740784480b
Binary files /dev/null and b/packages/nc-gui/static/social/whatsapp.png differ
diff --git a/packages/nc-gui/static/social/zoopla.jpg b/packages/nc-gui/static/social/zoopla.jpg
new file mode 100644
index 0000000000..c9d5871a70
Binary files /dev/null and b/packages/nc-gui/static/social/zoopla.jpg differ
diff --git a/packages/nc-gui/static/vue.svg b/packages/nc-gui/static/vue.svg
new file mode 100644
index 0000000000..7565660356
--- /dev/null
+++ b/packages/nc-gui/static/vue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>