diff --git a/registry/components/caption-texture-lava/registry-item.json b/registry/components/caption-texture-lava/registry-item.json
deleted file mode 100644
index 19daa51c3..000000000
--- a/registry/components/caption-texture-lava/registry-item.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
-  "name": "caption-texture-lava",
-  "type": "hyperframes:component",
-  "title": "Texture Lava",
-  "description": "Flowing lava texture mask over large uppercase text",
-  "tags": ["captions", "caption-style", "texture", "lava", "mask"],
-  "files": [
-    {
-      "path": "caption-texture-lava.html",
-      "target": "compositions/components/caption-texture-lava.html",
-      "type": "hyperframes:snippet"
-    },
-    {
-      "path": "lava.png",
-      "target": "compositions/components/lava.png",
-      "type": "hyperframes:asset"
-    }
-  ],
-  "preview": "https://static.heygen.ai/hyperframes-oss/registry/components/caption-texture-lava/preview.mp4?v=1779051416"
-}
diff --git a/registry/components/caption-texture-lava/caption-texture-lava.html b/registry/components/caption-texture/caption-texture.html
similarity index 89%
rename from registry/components/caption-texture-lava/caption-texture-lava.html
rename to registry/components/caption-texture/caption-texture.html
index 485915206..7c082dfcf 100644
--- a/registry/components/caption-texture-lava/caption-texture-lava.html
+++ b/registry/components/caption-texture/caption-texture.html
@@ -3,13 +3,12 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=1920, height=1080" />
-    <title>Texture Lava</title>
+    <title>Texture</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet" />
     <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
     <style>
-      /* Inlined texture-mask-text component styles */
       .hf-texture-text {
         color: #fff;
         -webkit-mask-size: var(--mask-size, cover);
@@ -20,10 +19,6 @@
         mask-mode: luminance;
         filter: contrast(var(--mask-contrast, 1));
       }
-      .hf-texture-lava {
-        -webkit-mask-image: url("compositions/components/lava.png");
-        mask-image: url("compositions/components/lava.png");
-      }
 
       *,
       *::before,
@@ -67,7 +62,6 @@
         pointer-events: none;
       }
 
-      /* Lava-specific overrides for texture mask */
       .lv-texture-override {
         -webkit-mask-size: 200% 200%;
         mask-size: 200% 200%;
@@ -101,13 +95,14 @@
   </head>
   <body>
     <div
-      id="texture-lava"
-      data-composition-id="caption-texture-lava"
+      id="caption-texture"
+      data-composition-id="caption-texture"
       data-start="0"
       data-duration="8"
       data-fps="30"
       data-width="1920"
       data-height="1080"
+      data-composition-variables='{"texture":{"type":"string","default":"lava"}}'
     >
       <video
         id="lv-video"
@@ -126,6 +121,13 @@
       (function () {
         window.__timelines = window.__timelines || {};
 
+        var vars =
+          window.__hyperframes && window.__hyperframes.getVariables
+            ? window.__hyperframes.getVariables()
+            : {};
+        var TEXTURE = vars.texture || "lava";
+        var TEXTURE_URL = "compositions/components/" + TEXTURE + ".png";
+
         var _fitCanvas = document.createElement("canvas");
         var _fitCtx = _fitCanvas.getContext("2d");
         function fitFontSize(text, baseFontSize, fontWeight, fontFamily, maxWidth) {
@@ -170,7 +172,7 @@
           { text: "cinema.", start: 7.3, end: 7.7 },
         ];
 
-        var KEYWORDS = new Set([8, 12, 15, 24, 27]); // HyperFrames, HTML, professional, code, cinema.
+        var KEYWORDS = new Set([8, 12, 15, 24, 27]);
 
         var container = document.getElementById("lv-container");
         var tl = gsap.timeline({ paused: true });
@@ -185,10 +187,12 @@
           gsap.set(shadow, { yPercent: -50 });
 
           var wordEl = document.createElement("div");
-          wordEl.className = "hf-texture-text hf-texture-lava lv-texture-override lv-word";
+          wordEl.className = "hf-texture-text lv-texture-override lv-word";
           wordEl.id = "lv-word-" + wi;
           wordEl.textContent = txt;
           wordEl.style.fontSize = fontSize + "px";
+          wordEl.style.webkitMaskImage = "url('" + TEXTURE_URL + "')";
+          wordEl.style.maskImage = "url('" + TEXTURE_URL + "')";
           if (KEYWORDS.has(wi)) wordEl.style.color = "#FFAA44";
 
           shadow.appendChild(wordEl);
@@ -215,7 +219,7 @@
         });
 
         tl.seek(0);
-        window.__timelines["caption-texture-lava"] = tl;
+        window.__timelines["caption-texture"] = tl;
       })();
     </script>
   </body>
diff --git a/registry/components/caption-texture/concrete-042-a.png b/registry/components/caption-texture/concrete-042-a.png
new file mode 100644
index 000000000..1099dac00
Binary files /dev/null and b/registry/components/caption-texture/concrete-042-a.png differ
diff --git a/registry/components/caption-texture-lava/demo.html b/registry/components/caption-texture/demo.html
similarity index 89%
rename from registry/components/caption-texture-lava/demo.html
rename to registry/components/caption-texture/demo.html
index 485915206..7c082dfcf 100644
--- a/registry/components/caption-texture-lava/demo.html
+++ b/registry/components/caption-texture/demo.html
@@ -3,13 +3,12 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=1920, height=1080" />
-    <title>Texture Lava</title>
+    <title>Texture</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet" />
     <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
     <style>
-      /* Inlined texture-mask-text component styles */
       .hf-texture-text {
         color: #fff;
         -webkit-mask-size: var(--mask-size, cover);
@@ -20,10 +19,6 @@
         mask-mode: luminance;
         filter: contrast(var(--mask-contrast, 1));
       }
-      .hf-texture-lava {
-        -webkit-mask-image: url("compositions/components/lava.png");
-        mask-image: url("compositions/components/lava.png");
-      }
 
       *,
       *::before,
@@ -67,7 +62,6 @@
         pointer-events: none;
       }
 
-      /* Lava-specific overrides for texture mask */
       .lv-texture-override {
         -webkit-mask-size: 200% 200%;
         mask-size: 200% 200%;
@@ -101,13 +95,14 @@
   </head>
   <body>
     <div
-      id="texture-lava"
-      data-composition-id="caption-texture-lava"
+      id="caption-texture"
+      data-composition-id="caption-texture"
       data-start="0"
       data-duration="8"
       data-fps="30"
       data-width="1920"
       data-height="1080"
+      data-composition-variables='{"texture":{"type":"string","default":"lava"}}'
     >
       <video
         id="lv-video"
@@ -126,6 +121,13 @@
       (function () {
         window.__timelines = window.__timelines || {};
 
+        var vars =
+          window.__hyperframes && window.__hyperframes.getVariables
+            ? window.__hyperframes.getVariables()
+            : {};
+        var TEXTURE = vars.texture || "lava";
+        var TEXTURE_URL = "compositions/components/" + TEXTURE + ".png";
+
         var _fitCanvas = document.createElement("canvas");
         var _fitCtx = _fitCanvas.getContext("2d");
         function fitFontSize(text, baseFontSize, fontWeight, fontFamily, maxWidth) {
@@ -170,7 +172,7 @@
           { text: "cinema.", start: 7.3, end: 7.7 },
         ];
 
-        var KEYWORDS = new Set([8, 12, 15, 24, 27]); // HyperFrames, HTML, professional, code, cinema.
+        var KEYWORDS = new Set([8, 12, 15, 24, 27]);
 
         var container = document.getElementById("lv-container");
         var tl = gsap.timeline({ paused: true });
@@ -185,10 +187,12 @@
           gsap.set(shadow, { yPercent: -50 });
 
           var wordEl = document.createElement("div");
-          wordEl.className = "hf-texture-text hf-texture-lava lv-texture-override lv-word";
+          wordEl.className = "hf-texture-text lv-texture-override lv-word";
           wordEl.id = "lv-word-" + wi;
           wordEl.textContent = txt;
           wordEl.style.fontSize = fontSize + "px";
+          wordEl.style.webkitMaskImage = "url('" + TEXTURE_URL + "')";
+          wordEl.style.maskImage = "url('" + TEXTURE_URL + "')";
           if (KEYWORDS.has(wi)) wordEl.style.color = "#FFAA44";
 
           shadow.appendChild(wordEl);
@@ -215,7 +219,7 @@
         });
 
         tl.seek(0);
-        window.__timelines["caption-texture-lava"] = tl;
+        window.__timelines["caption-texture"] = tl;
       })();
     </script>
   </body>
diff --git a/registry/components/caption-texture-lava/lava.png b/registry/components/caption-texture/lava.png
similarity index 100%
rename from registry/components/caption-texture-lava/lava.png
rename to registry/components/caption-texture/lava.png
diff --git a/registry/components/caption-texture/marble-012.png b/registry/components/caption-texture/marble-012.png
new file mode 100644
index 000000000..d578034f8
Binary files /dev/null and b/registry/components/caption-texture/marble-012.png differ
diff --git a/registry/components/caption-texture/metal-046-b.png b/registry/components/caption-texture/metal-046-b.png
new file mode 100644
index 000000000..22190c06d
Binary files /dev/null and b/registry/components/caption-texture/metal-046-b.png differ
diff --git a/registry/components/caption-texture/registry-item.json b/registry/components/caption-texture/registry-item.json
new file mode 100644
index 000000000..c432203c7
--- /dev/null
+++ b/registry/components/caption-texture/registry-item.json
@@ -0,0 +1,46 @@
+{
+  "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+  "name": "caption-texture",
+  "type": "hyperframes:component",
+  "title": "Texture",
+  "description": "Flowing texture mask over large uppercase text — ships with 6 textures (lava, marble, metal, wood, concrete, rock), configurable via the texture variable",
+  "tags": ["captions", "caption-style", "texture", "mask"],
+  "files": [
+    {
+      "path": "caption-texture.html",
+      "target": "compositions/components/caption-texture.html",
+      "type": "hyperframes:snippet"
+    },
+    {
+      "path": "lava.png",
+      "target": "compositions/components/lava.png",
+      "type": "hyperframes:asset"
+    },
+    {
+      "path": "marble-012.png",
+      "target": "compositions/components/marble-012.png",
+      "type": "hyperframes:asset"
+    },
+    {
+      "path": "metal-046-b.png",
+      "target": "compositions/components/metal-046-b.png",
+      "type": "hyperframes:asset"
+    },
+    {
+      "path": "wood-066.png",
+      "target": "compositions/components/wood-066.png",
+      "type": "hyperframes:asset"
+    },
+    {
+      "path": "concrete-042-a.png",
+      "target": "compositions/components/concrete-042-a.png",
+      "type": "hyperframes:asset"
+    },
+    {
+      "path": "rock-058.png",
+      "target": "compositions/components/rock-058.png",
+      "type": "hyperframes:asset"
+    }
+  ],
+  "preview": "https://static.heygen.ai/hyperframes-oss/registry/components/caption-texture-lava/preview.mp4?v=1779051416"
+}
diff --git a/registry/components/caption-texture/rock-058.png b/registry/components/caption-texture/rock-058.png
new file mode 100644
index 000000000..80637b21f
Binary files /dev/null and b/registry/components/caption-texture/rock-058.png differ
diff --git a/registry/components/caption-texture/wood-066.png b/registry/components/caption-texture/wood-066.png
new file mode 100644
index 000000000..cbc9d247f
Binary files /dev/null and b/registry/components/caption-texture/wood-066.png differ
diff --git a/registry/registry.json b/registry/registry.json
index 0fb114096..62ab1fa1b 100644
--- a/registry/registry.json
+++ b/registry/registry.json
@@ -128,7 +128,7 @@
       "type": "hyperframes:component"
     },
     {
-      "name": "caption-texture-lava",
+      "name": "caption-texture",
       "type": "hyperframes:component"
     },
     {
