diff --git a/ui/pages/unlock-page/unlock-page.stories.js b/ui/pages/unlock-page/unlock-page.stories.js
new file mode 100644
index 000000000..c141e08cb
--- /dev/null
+++ b/ui/pages/unlock-page/unlock-page.stories.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import UnlockPage from './unlock-page.component';
+
+export default {
+  title: 'UnlockPage',
+};
+
+export const UnlockPageComponent = () => {
+  return (
+    <UnlockPage
+      onSubmit={action('Login')}
+      forceUpdateMetamaskState={() => ({
+        participateInMetaMetrics: true,
+      })}
+      showOptInModal={() => null}
+      history={{}}
+    />
+  );
+};