diff --git a/src/lib/components/AsyncButton.stories.tsx b/src/lib/components/AsyncButton.stories.tsx
new file mode 100644
index 0000000..acaaf9c
--- /dev/null
+++ b/src/lib/components/AsyncButton.stories.tsx
@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import AsyncButton from "./AsyncButton";
+
+const meta = {
+  title: "Components/AsyncButton",
+  component: AsyncButton,
+} as Meta<typeof AsyncButton>;
+
+export default meta;
+
+type Story = StoryObj<typeof AsyncButton>;
+
+export const Default: Story = {
+  args: {
+    label: "Click Me",
+    onClick: async () => {
+      return new Promise((resolve) => setTimeout(resolve, 2000));
+    },
+  },
+};
diff --git a/src/lib/components/SocialLinks.stories.tsx b/src/lib/components/SocialLinks.stories.tsx
new file mode 100644
index 0000000..ee1f7d3
--- /dev/null
+++ b/src/lib/components/SocialLinks.stories.tsx
@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import SocialLinks from "./SocialLinks";
+
+const meta = {
+  title: "Components/SocialLinks",
+  component: SocialLinks,
+} as Meta<typeof SocialLinks>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};