diff --git a/webui/src/stories/Gallery.stories.ts b/webui/src/stories/Gallery.stories.ts
new file mode 100644
index 0000000..4ccec1b
--- /dev/null
+++ b/webui/src/stories/Gallery.stories.ts
@@ -0,0 +1,40 @@
+import type { Meta, StoryObj } from "@storybook/svelte";
+import Gallery from "../components/widgets/Gallery.svelte";
+import {
+  imageAddress,
+  imageVerticalAddress,
+  videoAddress,
+  videoVerticalAddress,
+} from "./common";
+import RouterDecorator from "./RouterDecorator.svelte";
+
+const meta: Meta<Gallery> = {
+  title: "Widgets/Gallery",
+  component: Gallery,
+  tags: ["autodocs"],
+  args: {
+    entities: [
+      imageAddress,
+      imageVerticalAddress,
+      videoAddress,
+      videoVerticalAddress,
+  
+    ],
+  },
+  decorators: [() => RouterDecorator],
+};
+
+export default meta;
+type Story = StoryObj<Gallery>;
+
+export const Plain: Story = {
+  args: {
+    thumbnails: false,
+  },
+};
+
+export const Thumbnails: Story = {
+  args: {
+    thumbnails: true,
+  },
+};