diff --git a/src/assets/plunker/index.html b/src/assets/plunker/index.html
index 1935d88f1..bdb13a98b 100644
--- a/src/assets/plunker/index.html
+++ b/src/assets/plunker/index.html
@@ -4,9 +4,9 @@
   <title>Angular Material Plunker</title>
 
   <!-- Load common libraries -->
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/typescript/2.0.3/typescript.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/typescript/2.1.1/typescript.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/zone.js/0.6.25/zone.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/zone.js/0.8.5/zone.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>
 
@@ -20,7 +20,7 @@
   </script>
 
   <!-- Load the Angular Material stylesheet -->
-  <link href="https://unpkg.com/@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet">
+  <link href="https://unpkg.com/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <style>body { font-family: Roboto, Arial, sans-serif; }</style>
 </head>
diff --git a/src/assets/plunker/main.ts b/src/assets/plunker/main.ts
index 507f27d21..ddfb6b205 100644
--- a/src/assets/plunker/main.ts
+++ b/src/assets/plunker/main.ts
@@ -1,5 +1,6 @@
 import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 import {BrowserModule} from '@angular/platform-browser';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 import {NgModule} from '@angular/core';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {MaterialModule} from '@angular/material';
@@ -9,6 +10,7 @@ import {MaterialDocsExample} from './material-docs-example';
 
   imports: [
     BrowserModule,
+    BrowserAnimationsModule,
     FormsModule,
     ReactiveFormsModule,
     MaterialModule,
diff --git a/src/assets/plunker/systemjs.config.js b/src/assets/plunker/systemjs.config.js
index d69059a39..85a759446 100644
--- a/src/assets/plunker/systemjs.config.js
+++ b/src/assets/plunker/systemjs.config.js
@@ -20,6 +20,7 @@ System.config({
 
     // Angular specific mappings.
     '@angular/core': 'https://unpkg.com/@angular/core/bundles/core.umd.js',
+    '@angular/animations': 'https://unpkg.com/@angular/animations/bundles/animations.umd.js',
     '@angular/common': 'https://unpkg.com/@angular/common/bundles/common.umd.js',
     '@angular/compiler': 'https://unpkg.com/@angular/compiler/bundles/compiler.umd.js',
     '@angular/http': 'https://unpkg.com/@angular/http/bundles/http.umd.js',
@@ -27,6 +28,8 @@ System.config({
     '@angular/router': 'https://unpkg.com/@angular/router/bundles/router.umd.js',
     '@angular/platform-browser': 'https://unpkg.com/@angular/platform-browser/bundles/platform-browser.umd.js',
     '@angular/platform-browser-dynamic': 'https://unpkg.com/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
+    '@angular/animations/browser': 'https://unpkg.com/@angular/animations/bundles/animations-browser.umd.js',
+    '@angular/platform-browser/animations': 'https://unpkg.com/@angular/platform-browser/bundles/platform-browser-animations.umd.js',
     '@angular/material': 'https://unpkg.com/@angular/material/bundles/material.umd.js',
 
     // Rxjs mapping