diff --git a/assets/javascripts/discourse/templates/components/knowledge-explorer-topic-list.hbs b/assets/javascripts/discourse/templates/components/knowledge-explorer-topic-list.hbs
new file mode 100644
index 0000000..2bf1cf0
--- /dev/null
+++ b/assets/javascripts/discourse/templates/components/knowledge-explorer-topic-list.hbs
@@ -0,0 +1,26 @@
+<table class="topic-list">
+  <thead>
+    <th>Topic</th>
+    <th>Activity</th>
+  </thead>
+  <tbody>
+    {{#each model.knowledge_explorer as |topic|}}
+    <tr>
+      <td class="main-link">
+        <span class="link-top-line">
+          <a href="/t/{{topic.id}}">{{topic.title}}</a>
+        </span>
+        <span class="link-bottom-line">
+          {{#each topic.tags as |tag|}}
+            <span class="discourse-tag">{{tag}}</span>
+          {{/each}}
+        </span>
+      </td>
+      <td>
+        {{format-date topic.bumped_at format="tiny" noTitle="true"}}
+      </td>
+    </tr>
+    {{/each}}
+  </tbody>
+</table>
+
diff --git a/assets/javascripts/discourse/templates/knowledge-explorer.hbs b/assets/javascripts/discourse/templates/knowledge-explorer.hbs
index 90e03cb..34108a4 100644
--- a/assets/javascripts/discourse/templates/knowledge-explorer.hbs
+++ b/assets/javascripts/discourse/templates/knowledge-explorer.hbs
@@ -1,2 +1,3 @@
-<h1> WHALE HELLO</h1>
-{{topicList}}
+<div class="knowledge-explorer">
+  {{knowledge-explorer-topic-list model=model}}
+</div>
diff --git a/assets/stylesheets/common/knowledge-explorer.scss b/assets/stylesheets/common/knowledge-explorer.scss
new file mode 100644
index 0000000..e69de29
diff --git a/plugin.rb b/plugin.rb
index 70671ea..fb63084 100644
--- a/plugin.rb
+++ b/plugin.rb
@@ -5,4 +5,6 @@
 
 enabled_site_setting :knowledge_explorer_enabled
 
+register_asset 'stylesheets/common/knowledge-explorer.scss'
+
 load File.expand_path('../lib/knowledge_explorer/engine.rb', __FILE__)