diff --git a/src/components/grid-list/grid-list.html b/src/components/grid-list/grid-list.html
new file mode 100644
index 00000000000..20ca1bf7e86
--- /dev/null
+++ b/src/components/grid-list/grid-list.html
@@ -0,0 +1 @@
+I'm a grid list!
\ No newline at end of file
diff --git a/src/components/grid-list/grid-list.scss b/src/components/grid-list/grid-list.scss
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/src/components/grid-list/grid-list.ts b/src/components/grid-list/grid-list.ts
new file mode 100644
index 00000000000..beea794f5e7
--- /dev/null
+++ b/src/components/grid-list/grid-list.ts
@@ -0,0 +1,8 @@
+import {Component} from 'angular2/core';
+
+@Component({
+ selector: 'md-grid-list',
+ templateUrl: './components/grid-list/grid-list.html',
+ styleUrls: ['./components/grid-list/grid-list.css'],
+})
+export class MdGridList {}
diff --git a/src/components/grid-list/package.json b/src/components/grid-list/package.json
new file mode 100644
index 00000000000..dabefabd9fe
--- /dev/null
+++ b/src/components/grid-list/package.json
@@ -0,0 +1,29 @@
+{
+ "name": "@angular2-material/grid-list",
+ "version": "2.0.0-alpha.3",
+ "description": "Angular 2 Material grid list",
+ "main": "./grid-list.js",
+ "typings": "./grid-list.d.ts",
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/angular/material2.git"
+ },
+ "keywords": [
+ "angular",
+ "material",
+ "material design",
+ "components",
+ "grid-list",
+ "list",
+ "tiles"
+ ],
+ "license": "MIT",
+ "bugs": {
+ "url": "https://github.com/angular/material2/issues"
+ },
+ "homepage": "https://github.com/angular/material2#readme",
+ "peerDependencies": {
+ "angular2": "^2.0.0-beta.8",
+ "@angular2-material/core": "2.0.0-alpha.3"
+ }
+}
diff --git a/src/demo-app/demo-app.html b/src/demo-app/demo-app.html
index 25c5ae8498c..4f7af4d9507 100644
--- a/src/demo-app/demo-app.html
+++ b/src/demo-app/demo-app.html
@@ -5,6 +5,7 @@
Card
Checkbox
Gestures
+ Grid List
Input
List
Live Announcer
diff --git a/src/demo-app/demo-app.ts b/src/demo-app/demo-app.ts
index 95a3bc3c9b3..b3f6f1afa2e 100644
--- a/src/demo-app/demo-app.ts
+++ b/src/demo-app/demo-app.ts
@@ -19,6 +19,7 @@ import {ListDemo} from './list/list-demo';
import {InputDemo} from './input/input-demo';
import {LiveAnnouncerDemo} from './live-announcer/live-announcer-demo';
import {GesturesDemo} from './gestures/gestures-demo';
+import {GridListDemo} from "./grid-list/grid-list-demo";
@Component({
selector: 'home',
@@ -59,6 +60,7 @@ export class Home {}
new Route({path: '/toolbar', name: 'ToolbarDemo', component: ToolbarDemo}),
new Route({path: '/list', name: 'ListDemo', component: ListDemo}),
new Route({path: '/live-announcer', name: 'LiveAnnouncerDemo', component: LiveAnnouncerDemo}),
- new Route({path: '/gestures', name: 'GesturesDemo', component: GesturesDemo})
+ new Route({path: '/gestures', name: 'GesturesDemo', component: GesturesDemo}),
+ new Route({path: '/grid-list', name: 'GridListDemo', component: GridListDemo}),
])
export class DemoApp { }
diff --git a/src/demo-app/grid-list/grid-list-demo.html b/src/demo-app/grid-list/grid-list-demo.html
new file mode 100644
index 00000000000..45e91f66ec0
--- /dev/null
+++ b/src/demo-app/grid-list/grid-list-demo.html
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/demo-app/grid-list/grid-list-demo.scss b/src/demo-app/grid-list/grid-list-demo.scss
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/src/demo-app/grid-list/grid-list-demo.ts b/src/demo-app/grid-list/grid-list-demo.ts
new file mode 100644
index 00000000000..18ff99f2ab8
--- /dev/null
+++ b/src/demo-app/grid-list/grid-list-demo.ts
@@ -0,0 +1,10 @@
+import {Component} from 'angular2/core';
+import {MdGridList} from "../../components/grid-list/grid-list";
+
+@Component({
+ selector: 'grid-list-demo',
+ templateUrl: 'demo-app/grid-list/grid-list-demo.html',
+ styleUrls: ['demo-app/grid-list/grid-list-demo.css'],
+ directives: [MdGridList]
+})
+export class GridListDemo {}