diff --git a/package.json b/package.json
index d4b085ad4d7..52168725e1e 100644
--- a/package.json
+++ b/package.json
@@ -96,6 +96,7 @@
     "ts-node": "^2.0.0",
     "tslint": "^3.13.0",
     "typescript": "~2.0.10",
-    "uglify-js": "^2.7.5"
+    "uglify-js": "^2.7.5",
+    "web-animations-js": "^2.2.2"
   }
 }
diff --git a/src/demo-app/index.html b/src/demo-app/index.html
index d1af0dd454d..3099472c863 100644
--- a/src/demo-app/index.html
+++ b/src/demo-app/index.html
@@ -17,6 +17,7 @@
   <demo-app>Loading...</demo-app>
 
   <script src="vendor/core-js/client/core.js"></script>
+  <script src="vendor/web-animations-js/web-animations.min.js"></script>
   <script src="vendor/systemjs/dist/system.src.js"></script>
   <script src="vendor/zone.js/dist/zone.js"></script>
   <script src="vendor/hammerjs/hammer.min.js"></script>
diff --git a/src/e2e-app/index.html b/src/e2e-app/index.html
index e5f49fcb893..e9ce94a3d3f 100644
--- a/src/e2e-app/index.html
+++ b/src/e2e-app/index.html
@@ -17,6 +17,7 @@
   <e2e-app>Loading...</e2e-app>
 
   <script src="vendor/core-js/client/core.js"></script>
+  <script src="vendor/web-animations-js/web-animations.min.js"></script>
   <script src="vendor/systemjs/dist/system.src.js"></script>
   <script src="vendor/zone.js/dist/zone.js"></script>
   <script src="vendor/hammerjs/hammer.min.js"></script>
diff --git a/tools/gulp/constants.ts b/tools/gulp/constants.ts
index cfa0312cd00..b2811415da3 100644
--- a/tools/gulp/constants.ts
+++ b/tools/gulp/constants.ts
@@ -31,7 +31,8 @@ export const LICENSE_BANNER = `/**
   */`;
 
 export const NPM_VENDOR_FILES = [
-  '@angular', 'core-js/client', 'hammerjs', 'rxjs', 'systemjs/dist', 'zone.js/dist'
+  '@angular', 'core-js/client', 'hammerjs', 'rxjs', 'systemjs/dist',
+  'zone.js/dist', 'web-animations-js'
 ];
 
 export const COMPONENTS_DIR = join(SOURCE_ROOT, 'lib');