diff --git a/aio/.angular-cli.json b/aio/.angular-cli.json
index 59ce5fe4ae..8c73878547 100644
--- a/aio/.angular-cli.json
+++ b/aio/.angular-cli.json
@@ -11,7 +11,8 @@
         "assets",
         "content",
         "app/search/search-worker.js",
-        "favicon.ico"
+        "favicon.ico",
+        "pwa-manifest.json"
       ],
       "index": "index.html",
       "main": "main.ts",
diff --git a/aio/src/index.html b/aio/src/index.html
index 711603499f..f6d816fba0 100644
--- a/aio/src/index.html
+++ b/aio/src/index.html
@@ -23,6 +23,9 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono" rel="stylesheet">
 
+  <link rel="manifest" href="pwa-manifest.json">
+  <meta name="theme-color" content="#1976d2">
+
   <!-- Google Analytics -->
   <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
@@ -37,7 +40,7 @@
 
 <body>
 
-  <aio-shell></aio-shell>
+  <aio-shell>Loading...</aio-shell>
 
   <!-- TODO: google feedback -->
   <!-- TODO: twitter widget (but only on pages that use twitter) -->
diff --git a/aio/src/pwa-manifest.json b/aio/src/pwa-manifest.json
new file mode 100644
index 0000000000..63cabcd814
--- /dev/null
+++ b/aio/src/pwa-manifest.json
@@ -0,0 +1,15 @@
+{
+  "short_name": "Angular Docs",
+  "name": "Angular Docs",
+  "icons": [
+    {
+      "src":"assets/images/favicons/favicon-194x194.png",
+      "sizes": "194x194",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "/?utm_source=homescreen",
+  "background_color": "#fafafa",
+  "theme_color": "#1976d2",
+  "display": "standalone"
+}
