diff --git a/src/components/DotGrid.tsx b/src/components/DotGrid.tsx
new file mode 100644
index 0000000..9dd5b9a
--- /dev/null
+++ b/src/components/DotGrid.tsx
@@ -0,0 +1,17 @@
+
+const WaterDropGrid = () => {
+    return (
+        <div>
+            <DotGrid />
+        </div>
+    )
+};
+
+const GRID_WIDTH = 25;
+const GRID_HEIGHT = 25;
+
+const DotGrid = () => {
+    return <div></div>
+}
+
+export default WaterDropGrid;
\ No newline at end of file