diff --git a/frontend/src/modules/Grid3D/preview.tsx b/frontend/src/modules/Grid3D/preview.tsx
new file mode 100644
index 000000000..2a9746ab7
--- /dev/null
+++ b/frontend/src/modules/Grid3D/preview.tsx
@@ -0,0 +1,8 @@
+import { DrawPreviewFunc } from "@framework/Preview";
+import previewImg from "./preview.webp";
+
+export const preview: DrawPreviewFunc = function (width: number, height: number) {
+ return (
+
+ );
+};
diff --git a/frontend/src/modules/Grid3D/preview.webp b/frontend/src/modules/Grid3D/preview.webp
new file mode 100644
index 000000000..d180acb38
Binary files /dev/null and b/frontend/src/modules/Grid3D/preview.webp differ
diff --git a/frontend/src/modules/Grid3D/registerModule.tsx b/frontend/src/modules/Grid3D/registerModule.tsx
index 6fef2fb90..a31b608e8 100644
--- a/frontend/src/modules/Grid3D/registerModule.tsx
+++ b/frontend/src/modules/Grid3D/registerModule.tsx
@@ -1,5 +1,6 @@
import { ModuleRegistry } from "@framework/ModuleRegistry";
+import { preview } from "./preview";
import state from "./state";
-ModuleRegistry.registerModule({ moduleName: "Grid3D", defaultTitle: "3D grid" });
+ModuleRegistry.registerModule({ moduleName: "Grid3D", defaultTitle: "3D grid", preview });
diff --git a/frontend/src/modules/Grid3DIntersection/preview.svg b/frontend/src/modules/Grid3DIntersection/preview.svg
new file mode 100644
index 000000000..ea79c89b2
--- /dev/null
+++ b/frontend/src/modules/Grid3DIntersection/preview.svg
@@ -0,0 +1,104 @@
+
+
+
+
diff --git a/frontend/src/modules/Grid3DIntersection/preview.tsx b/frontend/src/modules/Grid3DIntersection/preview.tsx
new file mode 100644
index 000000000..eb2960245
--- /dev/null
+++ b/frontend/src/modules/Grid3DIntersection/preview.tsx
@@ -0,0 +1,6 @@
+import { DrawPreviewFunc } from "@framework/Preview";
+import previewImg from "./preview.svg";
+
+export const preview: DrawPreviewFunc = function (width: number, height: number) {
+ return
+};
diff --git a/frontend/src/modules/Grid3DIntersection/registerModule.tsx b/frontend/src/modules/Grid3DIntersection/registerModule.tsx
index 25c66a616..56da329f0 100644
--- a/frontend/src/modules/Grid3DIntersection/registerModule.tsx
+++ b/frontend/src/modules/Grid3DIntersection/registerModule.tsx
@@ -1,5 +1,6 @@
import { ModuleRegistry } from "@framework/ModuleRegistry";
+import { preview } from "./preview";
import state from "./state";
-ModuleRegistry.registerModule({ moduleName: "Grid3DIntersection", defaultTitle: "3D grid intersection" });
+ModuleRegistry.registerModule({ moduleName: "Grid3DIntersection", defaultTitle: "3D grid intersection", preview });
diff --git a/frontend/src/modules/Map/preview.tsx b/frontend/src/modules/Map/preview.tsx
new file mode 100644
index 000000000..2a9746ab7
--- /dev/null
+++ b/frontend/src/modules/Map/preview.tsx
@@ -0,0 +1,8 @@
+import { DrawPreviewFunc } from "@framework/Preview";
+import previewImg from "./preview.webp";
+
+export const preview: DrawPreviewFunc = function (width: number, height: number) {
+ return (
+
+ );
+};
diff --git a/frontend/src/modules/Map/preview.webp b/frontend/src/modules/Map/preview.webp
new file mode 100644
index 000000000..254d2d061
Binary files /dev/null and b/frontend/src/modules/Map/preview.webp differ
diff --git a/frontend/src/modules/Map/registerModule.ts b/frontend/src/modules/Map/registerModule.ts
index 75f82fad1..a49b23daa 100644
--- a/frontend/src/modules/Map/registerModule.ts
+++ b/frontend/src/modules/Map/registerModule.ts
@@ -1,10 +1,12 @@
import { ModuleRegistry } from "@framework/ModuleRegistry";
import { SyncSettingKey } from "@framework/SyncSettings";
+import { preview } from "./preview";
import { MapState } from "./MapState";
ModuleRegistry.registerModule({
moduleName: "Map",
defaultTitle: "Map",
syncableSettingKeys: [SyncSettingKey.ENSEMBLE, SyncSettingKey.SURFACE, SyncSettingKey.DATE],
+ preview
});
diff --git a/frontend/src/modules/Pvt/preview.svg b/frontend/src/modules/Pvt/preview.svg
new file mode 100644
index 000000000..a52dc6ed7
--- /dev/null
+++ b/frontend/src/modules/Pvt/preview.svg
@@ -0,0 +1,19 @@
+
+
diff --git a/frontend/src/modules/Pvt/preview.tsx b/frontend/src/modules/Pvt/preview.tsx
new file mode 100644
index 000000000..eb2960245
--- /dev/null
+++ b/frontend/src/modules/Pvt/preview.tsx
@@ -0,0 +1,6 @@
+import { DrawPreviewFunc } from "@framework/Preview";
+import previewImg from "./preview.svg";
+
+export const preview: DrawPreviewFunc = function (width: number, height: number) {
+ return
+};
diff --git a/frontend/src/modules/Pvt/registerModule.tsx b/frontend/src/modules/Pvt/registerModule.tsx
index 39c7e909e..78b4f52c7 100644
--- a/frontend/src/modules/Pvt/registerModule.tsx
+++ b/frontend/src/modules/Pvt/registerModule.tsx
@@ -1,5 +1,6 @@
import { ModuleRegistry } from "@framework/ModuleRegistry";
+import { preview } from "./preview";
import state from "./state";
-ModuleRegistry.registerModule({ moduleName: "Pvt", defaultTitle: "PVT" });
+ModuleRegistry.registerModule({ moduleName: "Pvt", defaultTitle: "PVT", preview });
diff --git a/frontend/src/modules/WellCompletions/preview.svg b/frontend/src/modules/WellCompletions/preview.svg
new file mode 100644
index 000000000..c3ee4f56b
--- /dev/null
+++ b/frontend/src/modules/WellCompletions/preview.svg
@@ -0,0 +1,14 @@
+
diff --git a/frontend/src/modules/WellCompletions/preview.tsx b/frontend/src/modules/WellCompletions/preview.tsx
new file mode 100644
index 000000000..60a941e28
--- /dev/null
+++ b/frontend/src/modules/WellCompletions/preview.tsx
@@ -0,0 +1,6 @@
+import { DrawPreviewFunc } from "@framework/Preview";
+import previewImg from "./preview.svg";
+
+export const preview: DrawPreviewFunc = function (width: number, height: number) {
+ return
+};
diff --git a/frontend/src/modules/WellCompletions/registerModule.ts b/frontend/src/modules/WellCompletions/registerModule.ts
index ed66141d7..9df08c10c 100644
--- a/frontend/src/modules/WellCompletions/registerModule.ts
+++ b/frontend/src/modules/WellCompletions/registerModule.ts
@@ -1,5 +1,6 @@
import { ModuleRegistry } from "@framework/ModuleRegistry";
+import { preview } from "./preview";
import { State } from "./state";
-ModuleRegistry.registerModule({ moduleName: "WellCompletions", defaultTitle: "Well Completions" });
+ModuleRegistry.registerModule({ moduleName: "WellCompletions", defaultTitle: "Well Completions", preview });