diff --git a/apps/web/src/features/upload/components/upload-modal/UploadModal.stories.tsx b/apps/web/src/features/upload/components/upload-modal/UploadModal.stories.tsx
new file mode 100644
index 000000000..b3ce4b027
--- /dev/null
+++ b/apps/web/src/features/upload/components/upload-modal/UploadModal.stories.tsx
@@ -0,0 +1,39 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { useState } from 'react';
+import { Button } from '@/components/ui/button';
+import { UploadModal } from './UploadModal';
+import { ToastProvider } from '@/components/feedback/ToastProvider';
+
+const meta: Meta<typeof UploadModal> = {
+  title: 'Components/Features/Upload/UploadModal',
+  component: UploadModal,
+  tags: ['autodocs'],
+  decorators: [
+    (Story) => (
+      <ToastProvider>
+        <Story />
+      </ToastProvider>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+function UploadModalWrapper(args: { open?: boolean }) {
+  const [open, setOpen] = useState(args.open ?? false);
+  return (
+    <>
+      <Button onClick={() => setOpen(true)}>Open Upload Modal</Button>
+      <UploadModal open={open} onClose={() => setOpen(false)} />
+    </>
+  );
+}
+
+export const Default: Story = {
+  render: () => <UploadModalWrapper />,
+};
+
+export const Open: Story = {
+  render: () => <UploadModalWrapper open />,
+};