diff --git a/docs/app/@theme/components/hero/hero.component.scss b/docs/app/@theme/components/hero/hero.component.scss
index bbd84156c6..16daf530a3 100644
--- a/docs/app/@theme/components/hero/hero.component.scss
+++ b/docs/app/@theme/components/hero/hero.component.scss
@@ -41,6 +41,19 @@
     padding-right: 2em;
   }
 
+  .badges {
+    display: flex;
+    margin-bottom: 1.5rem;
+    flex-direction: row;
+    align-items: center;
+
+    .stars {
+      width: 95px;
+      height: 20px;
+      margin-right: 1rem;
+    }
+  }
+
   .btn {
     display: inline-block;
     font-size: 1.125em;
diff --git a/docs/app/@theme/components/hero/hero.component.ts b/docs/app/@theme/components/hero/hero.component.ts
index 6f57bee3e1..d8baf1a7f9 100644
--- a/docs/app/@theme/components/hero/hero.component.ts
+++ b/docs/app/@theme/components/hero/hero.component.ts
@@ -7,6 +7,16 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
     <div class="block">
       <h1>Nebular</h1>
       <p>Components, Auth & Security for your next Angular App</p>
+      <div class="badges">
+        <iframe class="stars"
+                src="https://ghbtns.com/github-btn.html?user=akveo&repo=nebular&type=star&count=true"
+                frameborder="0"
+                scrolling="0">
+        </iframe>
+        <a href="https://www.npmjs.com/package/@nebular/theme" target="_blank">
+          <img src="https://img.shields.io/npm/dt/@nebular/theme.svg">
+        </a>
+      </div>
       <a class="btn get-started" routerLink="docs">Get Started</a>
       <a class="btn" href="http://akveo.com/ngx-admin?utm_source=nebular_documentation&utm_medium=demo_button"
          target="_blank">Demo</a>