diff --git a/ui/pages/first-time-flow/create-password/create-password.stories.js b/ui/pages/first-time-flow/create-password/create-password.stories.js
new file mode 100644
index 000000000..1bc453e36
--- /dev/null
+++ b/ui/pages/first-time-flow/create-password/create-password.stories.js
@@ -0,0 +1,16 @@
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import ImportWithSeedPhrase from './import-with-seed-phrase/import-with-seed-phrase.component';
+import NewAccount from './new-account';
+
+export default {
+  title: 'Create Password',
+};
+
+export const ImportWithSeedPhraseComponent = () => {
+  return <ImportWithSeedPhrase onSubmit={action('Seed Phrase Imported')} />;
+};
+
+export const NewAccountComponent = () => {
+  return <NewAccount onSubmit={action('New Account Created')} />;
+};