diff --git a/src/app/available-packages-config-panel.coffee b/src/app/available-packages-config-panel.coffee
index af35a95a5..493840f91 100644
--- a/src/app/available-packages-config-panel.coffee
+++ b/src/app/available-packages-config-panel.coffee
@@ -39,3 +39,4 @@ class AvailablePackagesConfigPanel extends ConfigPanel
           queue.drain =  =>
             for pack in packages
               @append(new PackageConfigView(pack, @operationQueue))
+            @trigger('available-packages-loaded', [packages])
diff --git a/src/app/package-config-panel.coffee b/src/app/package-config-panel.coffee
index c987fce4d..57a67e057 100644
--- a/src/app/package-config-panel.coffee
+++ b/src/app/package-config-panel.coffee
@@ -13,13 +13,17 @@ class PackageConfigPanel extends ConfigPanel
       @legend 'Packages'
       @ul class: 'nav nav-tabs', =>
         @li class: 'active', outlet: 'installedLink', =>
-          @a 'Installed'
+          @a 'Installed', =>
+            @span class: 'badge pull-right', outlet: 'installedCount'
         @li outlet: 'availableLink', =>
-          @a 'Available'
+          @a 'Available', =>
+            @span class: 'badge pull-right', outlet: 'availableCount'
       @subview 'installed', new InstalledPackagesConfigPanel()
       @subview 'available', new AvailablePackagesConfigPanel()
 
   initialize: ->
+    @available.hide()
+
     @installedLink.on 'click', =>
       @availableLink.removeClass('active')
       @available.hide()
@@ -31,3 +35,8 @@ class PackageConfigPanel extends ConfigPanel
       @installed.hide()
       @availableLink.addClass('active')
       @available.show()
+
+    @installedCount.text(atom.getAvailablePackageNames().length)
+    @available.on 'available-packages-loaded', (event, packages) =>
+      console.log 'here', packages
+      @availableCount.text(packages.length)
diff --git a/static/config.less b/static/config.less
index 7495b7c8f..766a7ae67 100644
--- a/static/config.less
+++ b/static/config.less
@@ -152,6 +152,10 @@
   .package-panel {
     .nav {
       margin-bottom: 10px;
+
+      .badge {
+        margin-left: 5px;
+      }
     }
   }
 }