diff --git a/src/browser/components/UpdaterPage/UpdaterPage.stories.jsx b/src/browser/components/UpdaterPage/UpdaterPage.stories.jsx
new file mode 100644
index 00000000..1eb43abc
--- /dev/null
+++ b/src/browser/components/UpdaterPage/UpdaterPage.stories.jsx
@@ -0,0 +1,52 @@
+// Copyright (c) 2015-2016 Yuya Ochiai
+// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import React from 'react';
+import {storiesOf} from '@storybook/react';
+
+import {action} from '@storybook/addon-actions';
+
+import UpdaterPage from '../UpdaterPage.jsx';
+import '../../css/components/UpdaterPage.css';
+
+/*
+appName: propTypes.string.isRequired,
+notifyOnly: propTypes.bool.isRequired,
+isDownloading: propTypes.bool.isRequired,
+progress: propTypes.number,
+onClickInstall: propTypes.func.isRequired,
+onClickDownload: propTypes.func.isRequired,
+onClickReleaseNotes: propTypes.func.isRequired,
+onClickRemind: propTypes.func.isRequired,
+onClickSkip: propTypes.func.isRequired,
+*/
+const appName = 'Storybook App';
+
+storiesOf('UpdaterPage', module).
+  add('Normal', () => (
+    <UpdaterPage
+      appName={appName}
+      notifyOnly={false}
+      isDownloading={false}
+      progress={0}
+      onClickInstall={action('clicked install')}
+      onClickReleaseNotes={action('clicked release notes')}
+      onClickRemind={action('clicked remind')}
+      onClickSkip={action('clicked skip')}
+    />
+  )).
+  add('NotifyOnly', () => (
+    <UpdaterPage
+      appName={appName}
+      notifyOnly={true}
+      onClickDownload={action('clicked download')}
+    />
+  )).
+  add('Downloading', () => (
+    <UpdaterPage
+      appName={appName}
+      isDownloading={true}
+      progress={0}
+    />
+  ));