diff --git a/src/stories/Header.stories.tsx b/src/stories/Header.stories.tsx
new file mode 100644
index 0000000..0d4610e
--- /dev/null
+++ b/src/stories/Header.stories.tsx
@@ -0,0 +1,30 @@
+import { JSX } from "react";
+import { MemoryRouter } from "react-router";
+import Header from "../components/Header/Header";
+import { EventProvider } from "../contexts/Events/EventProvider";
+import { PendingMembersProvider } from "../contexts/PendingMembers/PendingMembersProvider";
+import { AuthProvider } from "../contexts/Auth/AuthProvider";
+
+export default {
+    title: "Layout/Header",
+    component: Header,
+    parameters: {
+        layout: "fullscreen",
+    },
+    tags: ["autodocs"],
+    decorators: [
+        (Story: () => JSX.Element) => (
+            <MemoryRouter>
+                <AuthProvider>
+                    <PendingMembersProvider>
+                        <EventProvider>
+                            <Story />
+                        </EventProvider>
+                    </PendingMembersProvider>
+                </AuthProvider>
+            </MemoryRouter>
+        ),
+    ],
+};
+
+export const Default = {};