diff --git a/src/FluidForm/FluidForm.Story.svelte b/src/FluidForm/FluidForm.Story.svelte
new file mode 100644
index 00000000..b0204601
--- /dev/null
+++ b/src/FluidForm/FluidForm.Story.svelte
@@ -0,0 +1,38 @@
+
+
+
+
+
+
diff --git a/src/FluidForm/FluidForm.stories.js b/src/FluidForm/FluidForm.stories.js
new file mode 100644
index 00000000..9b709c55
--- /dev/null
+++ b/src/FluidForm/FluidForm.stories.js
@@ -0,0 +1,8 @@
+import { withKnobs } from "@storybook/addon-knobs";
+import Component from "./FluidForm.Story.svelte";
+
+export default { title: "FluidForm", decorators: [withKnobs] };
+
+export const Default = () => ({
+ Component,
+});
\ No newline at end of file
diff --git a/src/FluidForm/FluidForm.svelte b/src/FluidForm/FluidForm.svelte
new file mode 100644
index 00000000..487ca5f4
--- /dev/null
+++ b/src/FluidForm/FluidForm.svelte
@@ -0,0 +1,12 @@
+
+
+
diff --git a/src/FluidForm/index.js b/src/FluidForm/index.js
new file mode 100644
index 00000000..d6b17172
--- /dev/null
+++ b/src/FluidForm/index.js
@@ -0,0 +1 @@
+export { default as FluidForm } from './FluidForm.svelte'
\ No newline at end of file