From b19d37dceb5369fc876094255019f2548dde2fe5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 21:18:22 +0000
Subject: [PATCH] Switch to version 2: added
 registry/components/FluidBackground.json

---
 registry/components/FluidBackground.json | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 registry/components/FluidBackground.json

diff --git a/registry/components/FluidBackground.json b/registry/components/FluidBackground.json
new file mode 100644
index 0000000..c0ac7dc
--- /dev/null
+++ b/registry/components/FluidBackground.json
@@ -0,0 +1,20 @@
+{
+  "name": "FluidBackground",
+  "description": "Generative fluid patterns using CPPN shader with theme color integration.",
+  "details": "Use for modern, dynamic backgrounds with organic fluid patterns. Features real-time WebGL shader animation using CPPN (Compositional Pattern Producing Networks) that creates continuously morphing, fluid-like patterns. Automatically adapts to theme colors by reading CSS variables (--background, --color-primary-cta, --color-accent, --color-secondary-cta) and blending them with generated patterns. Uses React Three Fiber for 3D rendering with dynamic viewport sizing. Performance optimized with React.memo and responsive to window resizing. Best for contemporary, premium designs where subtle motion adds visual interest without distraction.",
+  "constraints": {},
+  "propsSchema": {
+    "className?": "string"
+  },
+  "usageExample": "<FluidBackground />",
+  "do": [
+    "Use for feature showcases",
+    "Use for capability displays"
+  ],
+  "dont": [],
+  "editRules": {
+    "textOnly": true,
+    "layoutLocked": true,
+    "styleLocked": true
+  }
+}