Initial commit

registry/components/DotGridBackground.json

@@ -0,0 +1,24 @@
+{
+  "name": "DotGridBackground",
+  "description": "Dot pattern background with radial gradient dots and optional 3D perspective effect.",
+  "details": "Use for subtle, modern backgrounds. Features dense dot grid (small: 100 dots, medium: 50 dots, large: 25 dots per 100vw). Optional perspectiveThreeD adds skew transform and radial mask. Uses background-accent color at 30% opacity. Has radial fade mask at 90%.",
+  "constraints": {},
+  "propsSchema": {
+    "size?": "'small' | 'medium' | 'large' (default: 'medium')",
+    "perspectiveThreeD?": "boolean (default: false)",
+    "className?": "string"
+  },
+  "usageExample": "<DotGridBackground size=\"medium\" perspectiveThreeD={false} />",
+  "do": [
+    "Use for feature showcases",
+    "Use for capability displays"
+  ],
+  "dont": [
+    "Do not use more than 4 items"
+  ],
+  "editRules": {
+    "textOnly": true,
+    "layoutLocked": true,
+    "styleLocked": true
+  }
+}