diff --git a/app/index.html b/app/index.html
index 63bc479..793c29c 100644
--- a/app/index.html
+++ b/app/index.html
@@ -78,6 +78,8 @@
     <script src="bower_components/uri.js/src/URITemplate.js"></script>
     <script src="bower_components/uri.js/src/jquery.URI.js"></script>
     <script src="bower_components/angular-social/angular-social.js"></script>
+    <script src="bower_components/typeahead.js/dist/typeahead.js"></script>
+    <script src="bower_components/angular-typeahead/angular-typeahead.js"></script>
     <!-- endbower -->
     <!-- endbuild -->
 
diff --git a/app/scripts/app.js b/app/scripts/app.js
index e1f93e5..a0d4a20 100644
--- a/app/scripts/app.js
+++ b/app/scripts/app.js
@@ -7,7 +7,8 @@ angular.module('handCoolerApp', [
   'ngRoute',
   'mgcrea.ngStrap',
   'angularytics',
-  'ngSocial'
+  'ngSocial',
+  'siyfion.sfTypeahead'
 ])
   .config(function ($routeProvider) {
     $routeProvider
@@ -35,6 +36,11 @@ angular.module('handCoolerApp', [
     $scope.doSearch = function (query) {
       $location.path('/search/' + query);
     };
+    $scope.exampleData = {
+      name: 'accounts',
+      remote: 'http://cornflower.herokuapp.com/rubygems.org/api/v1/search.json?query=%QUERY'
+    };
+    $scope.foo = null;
   })
   .config(function(AngularyticsProvider) {
     AngularyticsProvider.setEventHandlers(['Console', 'GoogleUniversal']);
diff --git a/app/views/header.html b/app/views/header.html
index 9d25d78..771c6a1 100644
--- a/app/views/header.html
+++ b/app/views/header.html
@@ -13,7 +13,8 @@
       <form ng-submit="doSearch(query)">
         <div class="input-group">
           <input type="text" class="form-control" placeholder="RubyGem Name" name="query" ng-model="query">
-          <span class="input-group-btn">
+          <input type="text" class="sfTypeahead" datasets="exampleData" ng-model="foo"></div>
+        <span class="input-group-btn">
             <button class="btn btn-default" type="submit">Search</button>
           </span>
         </div>
diff --git a/bower.json b/bower.json
index 663103d..610f1a8 100644
--- a/bower.json
+++ b/bower.json
@@ -14,13 +14,15 @@
     "sass-bootstrap": "~3.0.2",
     "angularytics": "~0.2.3",
     "uri.js": "~1.12.0",
-    "angular-social": "~0.1.1"
+    "angular-social": "~0.1.1",
+    "angular-typeahead": "~0.0.12"
   },
   "devDependencies": {
     "angular-mocks": "1.2.12",
     "angular-scenario": "1.2.12"
   },
   "resolutions": {
-    "angular": "1.2.12"
+    "angular": "1.2.12",
+    "jquery": "~1.10.2"
   }
 }