diff --git a/src/common_components/FormStatusBadge.stories.ts b/src/common_components/FormStatusBadge.stories.ts
new file mode 100644
index 0000000..e465881
--- /dev/null
+++ b/src/common_components/FormStatusBadge.stories.ts
@@ -0,0 +1,29 @@
+import { Meta, StoryObj } from "@storybook/react";
+
+import { FormStatusBadge } from "./FormStatusBadge";
+
+const meta: Meta<typeof FormStatusBadge> = {
+  component: FormStatusBadge,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof FormStatusBadge>;
+
+export const Default: Story = {
+  args: {
+    status: "開始前",
+  },
+};
+
+export const 受付中: Story = {
+  args: {
+    status: "受付中",
+  },
+};
+
+export const 受付終了: Story = {
+  args: {
+    status: "受付終了",
+  },
+};
diff --git a/src/common_components/Heading.stories.ts b/src/common_components/Heading.stories.ts
new file mode 100644
index 0000000..e25d304
--- /dev/null
+++ b/src/common_components/Heading.stories.ts
@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from "@storybook/react";
+
+import { Heading } from "./Heading";
+
+const meta: Meta<typeof Heading> = {
+  component: Heading,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Heading>;
+
+export const Default: Story = {
+  args: {
+    children: "Heading",
+  },
+};
diff --git a/src/common_components/Loading.stories.ts b/src/common_components/Loading.stories.ts
new file mode 100644
index 0000000..bfd1328
--- /dev/null
+++ b/src/common_components/Loading.stories.ts
@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from "@storybook/react";
+
+import { Loading } from "./Loading";
+
+const meta: Meta<typeof Loading> = {
+  component: Loading,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Loading>;
+
+export const Default: Story = {
+  args: {},
+};