diff --git a/src/components/item/item.js b/src/components/item/item.js
index e69de29bb2..6f534bbb6c 100644
--- a/src/components/item/item.js
+++ b/src/components/item/item.js
@@ -0,0 +1,23 @@
+import {NgElement, Component, Template} from 'angular2/angular2'
+
+@Component({
+  selector: 'ion-item'
+})
+@Template({
+  inline: `<div class="item-content">
+            <div class="item-media">
+              Icon
+            </div>
+            <div class="item-title">
+              Item Title
+            </div>
+            <div class="item-accessory">
+              Right
+            </div>
+          </div>`
+})
+export class Item {
+  constructor(@NgElement() ele:NgElement) {
+    ele.domElement.classList.add('item')
+  }
+}
diff --git a/src/components/list/list.js b/src/components/list/list.js
index e69de29bb2..5c694bf13f 100644
--- a/src/components/list/list.js
+++ b/src/components/list/list.js
@@ -0,0 +1,22 @@
+import {NgElement, Component, Template} from 'angular2/angular2'
+
+@Component({
+  selector: 'ion-list'
+})
+@Template({
+  inline: `
+    <header class="list-header">
+      <content select="ion-list-header"></content>
+    </header>
+    <div class="list-content">
+      <content></content>
+    </div>`
+    <footer class="list-footer">
+      <content select="ion-list-footer"></content>
+    </footer>`
+})
+export class List {
+  constructor(@NgElement() ele:NgElement) {
+    ele.domElement.classList.add('list')
+  }
+}