diff --git a/demos/component-docs/helpers.ts b/demos/component-docs/helpers.ts
index daae6615b4..af68e71ff4 100644
--- a/demos/component-docs/helpers.ts
+++ b/demos/component-docs/helpers.ts
@@ -45,7 +45,9 @@ import {BasicListsPage,
         IconListsPage,
         BasicDividersPage,
         BasicInsetListsPage,
-        ListHeadersPage} from './lists/lists';
+        ListHeadersPage,
+        ThreeLineListsPage,
+        ThumbnailListsPage} from './lists/lists';
 
 import {MenusPage} from './menus/menus';
 import {ModalsPage} from './modals/modals';
@@ -150,6 +152,8 @@ export function getPageFor(hash) {
         'list-dividers': BasicDividersPage,
         'inset-list': BasicInsetListsPage,
         'list-headers': ListHeadersPage,
+        'three-line-list': ThreeLineListsPage,
+        'thumbnail-list': ThumbnailListsPage,
 
         'menus': MenusPage,
         'modals': ModalsPage,
diff --git a/demos/component-docs/img/avatar-ben.png b/demos/component-docs/img/avatar-ben.png
new file mode 100644
index 0000000000..dfd7ea63c9
Binary files /dev/null and b/demos/component-docs/img/avatar-ben.png differ
diff --git a/demos/component-docs/img/avatar-finn.png b/demos/component-docs/img/avatar-finn.png
new file mode 100644
index 0000000000..6ebf8898cd
Binary files /dev/null and b/demos/component-docs/img/avatar-finn.png differ
diff --git a/demos/component-docs/img/avatar-han.png b/demos/component-docs/img/avatar-han.png
new file mode 100644
index 0000000000..1ae97d305d
Binary files /dev/null and b/demos/component-docs/img/avatar-han.png differ
diff --git a/demos/component-docs/img/avatar-leia.png b/demos/component-docs/img/avatar-leia.png
new file mode 100644
index 0000000000..37e0ef90e3
Binary files /dev/null and b/demos/component-docs/img/avatar-leia.png differ
diff --git a/demos/component-docs/img/avatar-poe.png b/demos/component-docs/img/avatar-poe.png
new file mode 100644
index 0000000000..432556de07
Binary files /dev/null and b/demos/component-docs/img/avatar-poe.png differ
diff --git a/demos/component-docs/img/avatar-rey.png b/demos/component-docs/img/avatar-rey.png
new file mode 100644
index 0000000000..75ae524d73
Binary files /dev/null and b/demos/component-docs/img/avatar-rey.png differ
diff --git a/demos/component-docs/img/thumbnail-batman.png b/demos/component-docs/img/thumbnail-batman.png
new file mode 100644
index 0000000000..16185cbea0
Binary files /dev/null and b/demos/component-docs/img/thumbnail-batman.png differ
diff --git a/demos/component-docs/img/thumbnail-bttf.png b/demos/component-docs/img/thumbnail-bttf.png
new file mode 100644
index 0000000000..32d4a29ca1
Binary files /dev/null and b/demos/component-docs/img/thumbnail-bttf.png differ
diff --git a/demos/component-docs/img/thumbnail-esb.png b/demos/component-docs/img/thumbnail-esb.png
new file mode 100644
index 0000000000..b89f0584f0
Binary files /dev/null and b/demos/component-docs/img/thumbnail-esb.png differ
diff --git a/demos/component-docs/img/thumbnail-ghostbusters.png b/demos/component-docs/img/thumbnail-ghostbusters.png
new file mode 100644
index 0000000000..d6f8a038b9
Binary files /dev/null and b/demos/component-docs/img/thumbnail-ghostbusters.png differ
diff --git a/demos/component-docs/img/thumbnail-rotla.png b/demos/component-docs/img/thumbnail-rotla.png
new file mode 100644
index 0000000000..ab777cc850
Binary files /dev/null and b/demos/component-docs/img/thumbnail-rotla.png differ
diff --git a/demos/component-docs/img/thumbnail-terminator.png b/demos/component-docs/img/thumbnail-terminator.png
new file mode 100644
index 0000000000..7776a3cf30
Binary files /dev/null and b/demos/component-docs/img/thumbnail-terminator.png differ
diff --git a/demos/component-docs/img/thumbnail-totoro.png b/demos/component-docs/img/thumbnail-totoro.png
new file mode 100644
index 0000000000..9e119181ab
Binary files /dev/null and b/demos/component-docs/img/thumbnail-totoro.png differ
diff --git a/demos/component-docs/lists/lists.ts b/demos/component-docs/lists/lists.ts
index 3905191a01..9df6c0120a 100644
--- a/demos/component-docs/lists/lists.ts
+++ b/demos/component-docs/lists/lists.ts
@@ -61,4 +61,24 @@ export class AvatarListsPage {
     constructor() {
 
     }
-}
\ No newline at end of file
+}
+
+@Page({
+    templateUrl: 'lists/three-lists.html',
+    directives: [forwardRef(() => AndroidAttribute)]
+})
+export class ThreeLineListsPage {
+    constructor() {
+
+    }
+}
+
+@Page({
+    templateUrl: 'lists/thumbnail-lists.html',
+    directives: [forwardRef(() => AndroidAttribute)]
+})
+export class ThumbnailListsPage {
+    constructor() {
+
+    }
+}
diff --git a/demos/component-docs/lists/three-lists.html b/demos/component-docs/lists/three-lists.html
new file mode 100644
index 0000000000..c36b481927
--- /dev/null
+++ b/demos/component-docs/lists/three-lists.html
@@ -0,0 +1,72 @@
+
+<ion-navbar *navbar class="show-navbar android-attr">
+  <ion-title>Three-line Items</ion-title>
+</ion-navbar>
+
+<ion-content class="has-header">
+  <ion-list>
+
+    <ion-header>
+    Today
+    </ion-header>
+
+    <ion-item>
+      <ion-avatar item-left>
+        <img src="img/avatar-finn.png">
+      </ion-avatar>
+      <h2>Finn</h2>
+      <h3>Don't Know What To Do!</h3>
+      <p>I've had a pretty messed up day. If we just...</p>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar item-left>
+        <img src="img/avatar-han.png">
+      </ion-avatar>
+      <h2>Han</h2>
+      <h3>Look, Kid</h3>
+      <p>I've got enough on my plate as it is, and I...</p>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar item-left>
+        <img src="img/avatar-rey.png">
+      </ion-avatar>
+      <h2>Rey</h2>
+      <h3>Found Something</h3>
+      <p>Was scavaging around the other day and...</p>
+    </ion-item>
+
+    <ion-header>
+    Last Week
+    </ion-header>
+
+    <ion-item>
+      <ion-avatar item-left>
+        <img src="img/avatar-poe.png">
+      </ion-avatar>
+      <h2>Poe</h2>
+      <h3>New Ride</h3>
+      <p>I just upgraded my ship! Next time you're...</p>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar item-left>
+        <img src="img/avatar-ben.png">
+      </ion-avatar>
+      <h2>Ben</h2>
+      <h3>Move Along</h3>
+      <p>These aren't the droids you're looking for...</p>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar item-left>
+        <img src="img/avatar-leia.png">
+      </ion-avatar>
+      <h2>Leia</h2>
+      <h3>You're My Only Hope</h3>
+      <p>I've placed information vital to the survival...</p>
+    </ion-item>
+
+  </ion-list>
+</ion-content>
diff --git a/demos/component-docs/lists/thumbnail-lists.html b/demos/component-docs/lists/thumbnail-lists.html
new file mode 100644
index 0000000000..75785d1606
--- /dev/null
+++ b/demos/component-docs/lists/thumbnail-lists.html
@@ -0,0 +1,73 @@
+
+<ion-navbar *navbar class="show-navbar android-attr">
+  <ion-title>Thumbnails</ion-title>
+</ion-navbar>
+
+<ion-content class="has-header">
+  <ion-list>
+
+    <ion-item>
+      <ion-thumbnail item-left>
+        <img src="img/thumbnail-totoro.png">
+      </ion-thumbnail>
+      <h2>My Neighbor Totoro</h2>
+      <p>Hayao Miyazaki • 1988</p>
+      <button clear item-right>View</button>
+    </ion-item>
+
+    <ion-item>
+      <ion-thumbnail item-left>
+        <img src="img/thumbnail-rotla.png">
+      </ion-thumbnail>
+      <h2>Raiders of the Lost Ark</h2>
+      <p>Steven Spielberg • 1981</p>
+      <button clear item-right>View</button>
+    </ion-item>
+
+    <ion-item>
+      <ion-thumbnail item-left>
+        <img src="img/thumbnail-ghostbusters.png">
+      </ion-thumbnail>
+      <h2>Ghostbusters</h2>
+      <p>Ivan Reitman • 1984</p>
+      <button clear item-right>View</button>
+    </ion-item>
+
+    <ion-item>
+      <ion-thumbnail item-left>
+        <img src="img/thumbnail-batman.png">
+      </ion-thumbnail>
+      <h2>Batman</h2>
+      <p>Tim Burton • 1988</p>
+      <button clear item-right>View</button>
+    </ion-item>
+
+    <ion-item>
+      <ion-thumbnail item-left>
+        <img src="img/thumbnail-bttf.png">
+      </ion-thumbnail>
+      <h2>Back to the Future</h2>
+      <p>Robert Zemeckis • 1985</p>
+      <button clear item-right>View</button>
+    </ion-item>
+
+    <ion-item>
+      <ion-thumbnail item-left>
+        <img src="img/thumbnail-esb.png">
+      </ion-thumbnail>
+      <h2>The Empire Strikes Back</h2>
+      <p>Irvin Kershner • 1980</p>
+      <button clear item-right>View</button>
+    </ion-item>
+
+    <ion-item>
+      <ion-thumbnail item-left>
+        <img src="img/thumbnail-terminator.png">
+      </ion-thumbnail>
+      <h2>The Terminator</h2>
+      <p>James Cameron • 1984</p>
+      <button clear item-right>View</button>
+    </ion-item>
+
+  </ion-list>
+</ion-content>