diff --git a/assets/javascripts/discourse/components/knowledge-explorer-search.js.es6 b/assets/javascripts/discourse/components/knowledge-explorer-search.js.es6
new file mode 100644
index 0000000..9b3bb63
--- /dev/null
+++ b/assets/javascripts/discourse/components/knowledge-explorer-search.js.es6
@@ -0,0 +1,22 @@
+export default Ember.Component.extend({
+  classNames: "knowledge-explorer-search",
+
+  performSearch(term) {
+    if (term.length < this.siteSettings.min_search_term_length) {
+      this.set("searchResults", null);
+      return;
+    }
+
+    // set search filters
+
+    // query the search api
+  },
+
+  actions: {
+    onSearchTermChange(e) {
+      const term = e.target.value;
+      this.set("searchTerm", term);
+      Ember.run.debounce(this, this.performSearch, term, 250);
+    }
+  }
+});
diff --git a/assets/javascripts/discourse/templates/components/knowledge-explorer-search.hbs b/assets/javascripts/discourse/templates/components/knowledge-explorer-search.hbs
new file mode 100644
index 0000000..18185b1
--- /dev/null
+++ b/assets/javascripts/discourse/templates/components/knowledge-explorer-search.hbs
@@ -0,0 +1,7 @@
+<input
+  type="text"
+  value={{searchTerm}}
+  oninput={{action "onSearchTermChange"}}
+  class="kb-search-bar"
+  autocorrect="off"
+  autocapitalize="off">
diff --git a/assets/javascripts/discourse/templates/knowledge-explorer.hbs b/assets/javascripts/discourse/templates/knowledge-explorer.hbs
index 8ccba0c..525fb73 100644
--- a/assets/javascripts/discourse/templates/knowledge-explorer.hbs
+++ b/assets/javascripts/discourse/templates/knowledge-explorer.hbs
@@ -1,4 +1,7 @@
 <div class="knowledge-explorer">
+  <div class="knowledge-explorer-filter">
+    {{knowledge-explorer-search searchResults=searchResults searchTerm=searchTerm}}
+  </div>
   <div class="knowledge-explorer-browse">
     {{#if filteredTags}}
       {{knowledge-explorer-tag-list