diff --git a/config/webpack.config.dev.js b/config/webpack.config.dev.js
index 2a163eb4fa0..f9b6ff51406 100644
--- a/config/webpack.config.dev.js
+++ b/config/webpack.config.dev.js
@@ -11,6 +11,7 @@ var path = require('path');
 var autoprefixer = require('autoprefixer');
 var webpack = require('webpack');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
+var WebpackNotifierPlugin = require('webpack-notifier');
 
 // TODO: hide this behind a flag and eliminate dead code on eject.
 // This shouldn't be exposed to the user.
@@ -99,6 +100,7 @@ module.exports = {
     }),
     new webpack.DefinePlugin({ 'process.env.NODE_ENV': '"development"' }),
     // Note: only CSS is currently hot reloaded
-    new webpack.HotModuleReplacementPlugin()
+    new webpack.HotModuleReplacementPlugin(),
+    new WebpackNotifierPlugin(),
   ]
 };
diff --git a/package.json b/package.json
index aed0d9fb586..f338b9be2c4 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,8 @@
     "style-loader": "0.13.1",
     "url-loader": "0.5.7",
     "webpack": "1.13.1",
-    "webpack-dev-server": "1.14.1"
+    "webpack-dev-server": "1.14.1",
+    "webpack-notifier": "1.3.0"
   },
   "devDependencies": {
     "bundle-deps": "^1.0.0",