shaders 2.5.135 → 3.0.436

package/dist/solid/utils/generatePresetCode.js

@@ -9,11 +9,25 @@ const DEFAULT_TRANSFORM = {
 };
 function toObjectLiteral(obj) {
   const entries = Object.entries(obj).map(([key, value]) => {
-    const valueStr = typeof value === "string" ? `"${value}"` : value;
-    return `${key}: ${valueStr}`;
+    return `${key}: ${formatValue(value)}`;
   });
   return `{ ${entries.join(", ")} }`;
 }
+function reduceBoundingBoxForExport(bb) {
+  if (!bb || typeof bb !== "object") return null;
+  const isUVUnit = (u) => u === void 0 || u === "uv" || u === "%";
+  const isZeroDim = (d) => !!d && typeof d === "object" && Number(d.value) === 0;
+  const isFullDim = (d) => !!d && typeof d === "object" && Number(d.value) === 1 && isUVUnit(d.unit);
+  const out = {};
+  if (bb.x !== void 0 && !isZeroDim(bb.x)) out.x = bb.x;
+  if (bb.y !== void 0 && !isZeroDim(bb.y)) out.y = bb.y;
+  if (bb.width !== void 0 && !isFullDim(bb.width)) out.width = bb.width;
+  if (bb.height !== void 0 && !isFullDim(bb.height)) out.height = bb.height;
+  if (bb.origin !== void 0 && bb.origin !== "top-left") out.origin = bb.origin;
+  if (bb.rotation !== void 0 && Number(bb.rotation) !== 0) out.rotation = bb.rotation;
+  if (bb.cornerRadius !== void 0 && !isZeroDim(bb.cornerRadius)) out.cornerRadius = bb.cornerRadius;
+  return Object.keys(out).length > 0 ? out : null;
+}
 const shaderMetadata = {
   "AngularBlur": {
     "opacity": 1,
@@ -24,6 +38,24 @@ const shaderMetadata = {
       "y": 0.5
     }
   },
+  "Arc": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "color": "#ffffff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "radius": 0.38,
+    "aperture": 270,
+    "rotation": 0,
+    "softness": 0,
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
+  },
   "Ascii": {
     "opacity": 1,
     "blendMode": "normal",
@@ -87,8 +119,10 @@ const shaderMetadata = {
   "Blob": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "colorA": "#ff6b35",
     "colorB": "#e91e63",
+    "stops": null,
     "size": 0.5,
     "deformation": 0.5,
     "softness": 0.5,
@@ -105,6 +139,31 @@ const shaderMetadata = {
     },
     "colorSpace": "linear"
   },
+  "BlockNoise": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#ffffff",
+    "colorB": "#000000",
+    "stops": null,
+    "colorSpace": "linear",
+    "scale": 2,
+    "contrast": 0,
+    "balance": 0,
+    "seed": 0,
+    "speed": 1
+  },
+  "BlueNoise": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#ffffff",
+    "colorB": "#000000",
+    "stops": null,
+    "colorSpace": "linear",
+    "grain": 1,
+    "contrast": 0,
+    "balance": 0,
+    "seed": 0
+  },
   "Blur": {
     "opacity": 1,
     "blendMode": "normal",
@@ -118,7 +177,9 @@ const shaderMetadata = {
     "cellsX": 8,
     "cellsY": 10,
     "mortar": 0.05,
-    "angle": 0,
+    "softness": 0,
+    "variation": 0,
+    "rotation": 0,
     "speed": 0,
     "offset": 0,
     "speedVariance": 0,
@@ -131,6 +192,30 @@ const shaderMetadata = {
     "brightness": 0,
     "contrast": 0
   },
+  "BrushedMetal": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "rotation": 0,
+    "lightColor": "#e9ebef",
+    "darkColor": "#26282d",
+    "brushAngle": 0,
+    "anisotropy": 0.4,
+    "grain": 0.4,
+    "grainScale": 2,
+    "roughness": 0.5,
+    "environment": 1.4,
+    "envRotation": 0,
+    "lightAngle": 215,
+    "speed": 0.4,
+    "edgeSoftness": 0.05,
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
   "Bulge": {
     "opacity": 1,
     "blendMode": "normal",
@@ -143,6 +228,42 @@ const shaderMetadata = {
     "falloff": 0.5,
     "edges": "stretch"
   },
+  "CarbonFiber": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "rotation": 0,
+    "lightColor": "#b9bdc6",
+    "darkColor": "#0b0c0e",
+    "weaveStyle": "twill",
+    "weaveScale": 30,
+    "weaveAngle": 0,
+    "relief": 0.5,
+    "fiberSheen": 1.2,
+    "roughness": 0.5,
+    "clearcoat": 1.2,
+    "environment": 2,
+    "envRotation": 0,
+    "lightAngle": 215,
+    "edgeSoftness": 0.05,
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
+  "Chalkboard": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "boardColor": "#000000",
+    "chalkColor": "#eceadb",
+    "edgeSensitivity": 0.5,
+    "edgeThickness": 1.5,
+    "shading": 0.05,
+    "hatchScale": 16,
+    "grain": 0.45
+  },
   "ChannelBlur": {
     "opacity": 1,
     "blendMode": "normal",
@@ -196,6 +317,7 @@ const shaderMetadata = {
   "Circle": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "color": "#ffffff",
     "radius": 1,
     "softness": 0,
@@ -220,6 +342,11 @@ const shaderMetadata = {
     "speed": 0.05,
     "colorSpace": "oklch"
   },
+  "CompressionArtifacts": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "quality": 12
+  },
   "ConcentricSpin": {
     "opacity": 1,
     "blendMode": "normal",
@@ -240,13 +367,14 @@ const shaderMetadata = {
     "blendMode": "normal",
     "colorA": "#FF0080",
     "colorB": "#00BFFF",
+    "stops": null,
     "center": {
       "x": 0.5,
       "y": 0.5
     },
     "rotation": 0,
     "repeat": 1,
-    "colorSpace": "oklch"
+    "colorSpace": "linear"
   },
   "ContourLines": {
     "opacity": 1,
@@ -261,9 +389,32 @@ const shaderMetadata = {
     "lineColor": "#000000",
     "backgroundColor": "transparent"
   },
+  "CornerPin": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "topLeft": {
+      "x": 0,
+      "y": 0
+    },
+    "topRight": {
+      "x": 1,
+      "y": 0
+    },
+    "bottomLeft": {
+      "x": 0,
+      "y": 1
+    },
+    "bottomRight": {
+      "x": 1,
+      "y": 1
+    },
+    "amount": 1,
+    "edges": "transparent"
+  },
   "Crescent": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "color": "#ffffff",
     "center": {
       "x": 0.5,
@@ -282,6 +433,7 @@ const shaderMetadata = {
   "Cross": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "color": "#ffffff",
     "center": {
       "x": 0.5,
@@ -312,11 +464,13 @@ const shaderMetadata = {
   "Crystal": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "center": {
       "x": 0.5,
       "y": 0.5
     },
     "scale": 1,
+    "rotation": 0,
     "cutout": false,
     "refraction": 0.5,
     "dispersion": 0.5,
@@ -335,6 +489,19 @@ const shaderMetadata = {
     "tintPreserveLuminosity": true,
     "shape": '{"type":"polygonSDF","radius":0.35,"sides":10}'
   },
+  "CurlNoise": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#ffffff",
+    "colorB": "#000000",
+    "stops": null,
+    "colorSpace": "linear",
+    "scale": 2,
+    "contrast": 0,
+    "balance": 0,
+    "seed": 0,
+    "speed": 1
+  },
   "CursorRipples": {
     "opacity": 1,
     "blendMode": "normal",
@@ -349,16 +516,29 @@ const shaderMetadata = {
     "blendMode": "normal",
     "colorA": "#00aaff",
     "colorB": "#ff00aa",
+    "stops": null,
     "radius": 0.5,
     "length": 0.5,
     "shrink": 1,
     "colorSpace": "linear"
   },
+  "DataMosh": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "intensity": 0.7,
+    "blockSize": 48,
+    "drift": 0.35,
+    "churn": 0.4,
+    "blend": 1,
+    "speed": 1,
+    "seed": 0
+  },
   "DiamondGradient": {
     "opacity": 1,
     "blendMode": "normal",
     "colorA": "#4ffb4a",
     "colorB": "#4f1238",
+    "stops": null,
     "center": {
       "x": 0.5,
       "y": 0.5
@@ -367,7 +547,7 @@ const shaderMetadata = {
     "rotation": 0,
     "repeat": 1,
     "roundness": 0,
-    "colorSpace": "oklch"
+    "colorSpace": "linear"
   },
   "DiffuseBlur": {
     "opacity": 1,
@@ -396,6 +576,9 @@ const shaderMetadata = {
     "color": "#ffffff",
     "density": 30,
     "dotSize": 0.3,
+    "offset": 0,
+    "speed": 0,
+    "speedVariance": 0.3,
     "twinkle": 0
   },
   "DropShadow": {
@@ -419,6 +602,7 @@ const shaderMetadata = {
   "Ellipse": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "color": "#ffffff",
     "center": {
       "x": 0.5,
@@ -436,17 +620,47 @@ const shaderMetadata = {
   "Emboss": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "center": {
       "x": 0.5,
       "y": 0.5
     },
     "scale": 1,
+    "rotation": 0,
     "depth": -0.5,
     "lightAngle": 260,
     "lightIntensity": 0.6,
     "shadowIntensity": 0.3,
     "shape": '{"type":"circleSDF","radius":0.35}'
   },
+  "Engraving": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "style": "crosshatch",
+    "frequency": 90,
+    "angle": 8,
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "relief": 0.6,
+    "waviness": 0.35,
+    "contrast": 1.15,
+    "inkColor": "#1a1410",
+    "paperColor": "#f4eee2"
+  },
+  "ErosionNoise": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#ffffff",
+    "colorB": "#000000",
+    "stops": null,
+    "colorSpace": "linear",
+    "scale": 1.5,
+    "contrast": 0,
+    "balance": 0,
+    "seed": 0
+  },
   "Exposure": {
     "opacity": 1,
     "blendMode": "normal",
@@ -474,6 +688,12 @@ const shaderMetadata = {
     "bias": 2,
     "animated": false
   },
+  "Flip": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "flipX": false,
+    "flipY": false
+  },
   "FloatingParticles": {
     "opacity": 1,
     "blendMode": "normal",
@@ -492,6 +712,7 @@ const shaderMetadata = {
   "Flower": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "color": "#ffffff",
     "center": {
       "x": 0.5,
@@ -514,6 +735,7 @@ const shaderMetadata = {
     "detail": 2,
     "speed": 0,
     "evolutionSpeed": 0,
+    "seed": 0,
     "edges": "mirror"
   },
   "FlowingGradient": {
@@ -579,6 +801,7 @@ const shaderMetadata = {
     "blendMode": "normal",
     "colorA": "#000000",
     "colorB": "#ffffff",
+    "stops": null,
     "octaves": 4,
     "detail": 2,
     "contrast": 0.5,
@@ -587,14 +810,57 @@ const shaderMetadata = {
     "seed": 0,
     "colorSpace": "linear"
   },
+  "Frost": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "rotation": 0,
+    "iceColor": "#0597fc",
+    "ambient": 0,
+    "edgeSoftness": 0.05,
+    "density": 5,
+    "absorption": 1,
+    "scatter": 0.5,
+    "frostAmount": 0.8,
+    "frostDepth": 0.4,
+    "frostScale": 1,
+    "frostRoughness": 3,
+    "sparkle": 0.5,
+    "gloss": 0.6,
+    "fresnel": 0.02,
+    "lightAngle": 300,
+    "speed": 0.3,
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
+  "GaborNoise": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#ffffff",
+    "colorB": "#000000",
+    "stops": null,
+    "colorSpace": "linear",
+    "scale": 1.5,
+    "frequency": 8,
+    "contrast": 0,
+    "balance": 0,
+    "seed": 0,
+    "speed": 1
+  },
   "Glass": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "center": {
       "x": 0.5,
       "y": 0.5
     },
     "scale": 1,
+    "rotation": 0,
     "cutout": false,
     "refraction": 1,
     "edgeSoftness": 0.1,
@@ -654,6 +920,51 @@ const shaderMetadata = {
     "rayColor": "#4283fb",
     "backgroundColor": "transparent"
   },
+  "Goo": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "rotation": 0,
+    "gooColor": "#37c95a",
+    "translucency": 0.6,
+    "absorb": 2,
+    "containment": 0.9,
+    "edgeSoftness": 0.06,
+    "blobScale": 0.3,
+    "spread": 1,
+    "merge": 0.6,
+    "bulge": 1,
+    "threshold": 0.5,
+    "lightAngle": 300,
+    "wetness": 2,
+    "fresnel": 0.25,
+    "specColor": "#ffffff",
+    "ambient": 0.25,
+    "speed": 0.5,
+    "wobble": 0.5,
+    "breathe": 0.3,
+    "seed": 1,
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
+  "GradientMap": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "palette": "rainbow",
+    "colorLow": "#1a0b2e",
+    "colorMid": "#e94560",
+    "colorHigh": "#f9ed69",
+    "speed": 0.15,
+    "contrast": 1,
+    "blackPoint": 0,
+    "whitePoint": 1,
+    "strength": 1,
+    "colorSpace": "oklch"
+  },
   "Grayscale": {
     "opacity": 1,
     "blendMode": "normal"
@@ -662,9 +973,13 @@ const shaderMetadata = {
     "opacity": 1,
     "blendMode": "normal",
     "color": "#ffffff",
+    "cellColor": "transparent",
     "cells": 10,
     "thickness": 1,
-    "rotation": 0
+    "rotation": 0,
+    "softness": 0,
+    "variation": 0,
+    "colorSpace": "linear"
   },
   "GridDistortion": {
     "opacity": 1,
@@ -697,6 +1012,69 @@ const shaderMetadata = {
     "yellowColor": "#ffff00",
     "blackColor": "#000000"
   },
+  "Heart": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "color": "#ffffff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "radius": 0.32,
+    "rotation": 0,
+    "softness": 0,
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
+  },
+  "Heatmap": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "rotation": 0,
+    "colorA": "#02010f",
+    "colorB": "#f9e25f",
+    "stops": [
+      {
+        "color": "#02010f",
+        "position": 0
+      },
+      {
+        "color": "#2a0a8a",
+        "position": 0.2
+      },
+      {
+        "color": "#a41c9b",
+        "position": 0.45
+      },
+      {
+        "color": "#e8632b",
+        "position": 0.7
+      },
+      {
+        "color": "#f9e25f",
+        "position": 0.9
+      },
+      {
+        "color": "#ffffff",
+        "position": 1
+      }
+    ],
+    "colorSpace": "oklab",
+    "innerGlow": 0.4,
+    "outerGlow": 0.2,
+    "contour": 0.5,
+    "angle": 90,
+    "speed": 1,
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
   "HexGrid": {
     "opacity": 1,
     "blendMode": "normal",
@@ -704,8 +1082,59 @@ const shaderMetadata = {
     "colorB": "#ffffff",
     "cells": 8,
     "thickness": 1,
+    "rotation": 0,
+    "softness": 0,
+    "variation": 0,
     "colorSpace": "linear"
   },
+  "Hologram": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "rotation": 0,
+    "color": "#5ec8ff",
+    "brightness": 2.5,
+    "edgeSoftness": 0.04,
+    "fill": 0.45,
+    "edgeGlow": 1,
+    "depthLines": 0.5,
+    "depthScale": 26,
+    "scanlines": 0.55,
+    "scanlineScale": 130,
+    "scanlineSpeed": 1,
+    "sweep": 0.1,
+    "flicker": 0.3,
+    "distortion": 0.1,
+    "grain": 0.7,
+    "speed": 1,
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
+  "Holographic": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "rotation": 0,
+    "hueShift": 0,
+    "foilScale": 1.5,
+    "saturation": 0.75,
+    "roughness": 0.25,
+    "speed": 1,
+    "crinkle": 0.5,
+    "crinkleScale": 1,
+    "sparkle": 0.4,
+    "edgeSoftness": 0.05,
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
   "HueShift": {
     "opacity": 1,
     "blendMode": "normal",
@@ -715,12 +1144,25 @@ const shaderMetadata = {
     "opacity": 1,
     "blendMode": "normal",
     "url": "https://shaders.com/sample.jpg",
-    "objectFit": "cover"
+    "objectFit": "fill"
   },
   "Invert": {
     "opacity": 1,
     "blendMode": "normal"
   },
+  "IsometricCubes": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#7c5cff",
+    "colorB": "#ff5c9d",
+    "lineColor": "#000000",
+    "cells": 6,
+    "thickness": 1,
+    "rotation": 0,
+    "softness": 0,
+    "colorVariation": 1,
+    "colorSpace": "linear"
+  },
   "Kaleidoscope": {
     "opacity": 1,
     "blendMode": "normal",
@@ -732,6 +1174,22 @@ const shaderMetadata = {
     "angle": 0,
     "edges": "mirror"
   },
+  "KeyFrames": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "trackers": 12,
+    "detect": "bright",
+    "threshold": 0.15,
+    "variance": 0.8,
+    "agility": 0.5,
+    "lifespan": 6,
+    "trail": 1,
+    "markerSize": 28,
+    "lineWidth": 1.5,
+    "markerColor": "#54d66b",
+    "keyframeColor": "#ffcf33",
+    "pathColor": "#ffffffb8"
+  },
   "LensFlare": {
     "opacity": 1,
     "blendMode": "normal",
@@ -756,6 +1214,63 @@ const shaderMetadata = {
     "edgeFade": 0.2,
     "speed": 0.5
   },
+  "LightEdge": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "rotation": 0,
+    "colorA": "#7b2ff7",
+    "colorB": "#00e0ff",
+    "stops": [
+      {
+        "color": "#7b2ff7",
+        "position": 0
+      },
+      {
+        "color": "#00e0ff",
+        "position": 0.5
+      },
+      {
+        "color": "#ff3d81",
+        "position": 1
+      }
+    ],
+    "colorSpace": "linear",
+    "thickness": 0.25,
+    "softness": 0.5,
+    "intensity": 0.6,
+    "bloom": 0.3,
+    "spots": 3,
+    "spotSize": 0.5,
+    "pulse": 0,
+    "smoke": 0.3,
+    "smokeSize": 0.5,
+    "speed": 1,
+    "seed": 0,
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
+  "LightLeak": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "position": {
+      "x": 0.95,
+      "y": 0.4
+    },
+    "spread": 0.55,
+    "intensity": 0.15,
+    "streaks": 0.6,
+    "colorHot": "#fff3c4",
+    "colorMid": "#ff7a2f",
+    "colorFringe": "#a63d8f",
+    "flicker": 0.35,
+    "speed": 1,
+    "seed": 0
+  },
   "LinearBlur": {
     "opacity": 1,
     "blendMode": "normal",
@@ -767,6 +1282,7 @@ const shaderMetadata = {
     "blendMode": "normal",
     "colorA": "#1aff00",
     "colorB": "#0000ff",
+    "stops": null,
     "start": {
       "x": 0,
       "y": 0.5
@@ -779,6 +1295,30 @@ const shaderMetadata = {
     "edges": "stretch",
     "colorSpace": "linear"
   },
+  "LiquidMetal": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "rotation": 0,
+    "lightColor": "#eef0f6",
+    "darkColor": "#141414",
+    "turbulence": 1,
+    "ripple": 4,
+    "warp": 1.5,
+    "speed": 0.5,
+    "environment": 1.5,
+    "envRotation": 0,
+    "sharpness": 0.6,
+    "dispersion": 0.25,
+    "lightAngle": 265,
+    "edgeSoftness": 0.05,
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
   "Liquify": {
     "opacity": 1,
     "blendMode": "normal",
@@ -838,16 +1378,19 @@ const shaderMetadata = {
       "x": 0.5,
       "y": 0.5
     },
+    "colorSpace": "linear",
     "smoothness": 2
   },
   "Neon": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "center": {
       "x": 0.5,
       "y": 0.5
     },
     "scale": 1,
+    "rotation": 0,
     "color": "#00ddff",
     "secondaryColor": "#ff00aa",
     "secondaryBlend": 0.5,
@@ -867,6 +1410,41 @@ const shaderMetadata = {
     "flowAmount": 0.3,
     "shape": '{"type":"circleSDF","radius":0.35}'
   },
+  "ObjectTracker": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "detectionMode": "bright",
+    "threshold": 0.25,
+    "layout": "mosaic",
+    "cellSize": 400,
+    "maxDepth": 2,
+    "boxStyle": "corners",
+    "lineWidth": 1.5,
+    "cornerRadius": 0,
+    "strokeColor": "#ffffff",
+    "fillColor": "#5a79911a",
+    "labelColor": "#000000",
+    "labelBackgroundColor": "#ffffff",
+    "labelMode": "none",
+    "labelPosition": "bottom-right",
+    "labelRadius": 0,
+    "labelInset": true,
+    "fontFamily": "Inter",
+    "fontWeight": 500,
+    "fontSize": 0.015,
+    "letterSpacing": 0
+  },
+  "PagePeel": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "corner": "bottom-right",
+    "amount": 0.2,
+    "radius": 0.2,
+    "shading": 0.55,
+    "highlight": 0.4,
+    "highlightSoftness": 0.2,
+    "shadow": 1
+  },
   "Paper": {
     "opacity": 1,
     "blendMode": "normal",
@@ -875,6 +1453,64 @@ const shaderMetadata = {
     "displacement": 0.15,
     "seed": 0
   },
+  "Parallelogram": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "color": "#ffffff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "width": 0.32,
+    "height": 0.22,
+    "skew": 0.15,
+    "rotation": 0,
+    "softness": 0,
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
+  },
+  "Particles": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "rotation": 0,
+    "colorA": "#8ec5ff",
+    "colorB": "#ff7ad9",
+    "count": 4e3,
+    "size": 1.5,
+    "spread": 1,
+    "agitation": 0.12,
+    "damping": 0.4,
+    "gravity": 0,
+    "mouseInfluence": 2,
+    "mouseRadius": 0.2,
+    "exposure": 1,
+    "softness": 0.1,
+    "depth": 0.18,
+    "colorSpace": "oklab",
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
+  "PerlinNoise": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#ffffff",
+    "colorB": "#000000",
+    "stops": null,
+    "colorSpace": "linear",
+    "scale": 2,
+    "contrast": 0,
+    "balance": 0,
+    "seed": 0,
+    "speed": 1
+  },
   "Perspective": {
     "opacity": 1,
     "blendMode": "normal",
@@ -899,6 +1535,27 @@ const shaderMetadata = {
     "gap": 0,
     "roundness": 0
   },
+  "PixelSort": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "radius": 0.4,
+    "falloff": 1,
+    "strength": 0.1,
+    "decay": 0.1,
+    "axis": "vertical",
+    "direction": "descending"
+  },
+  "PixelThrow": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "throwKey": "luminance",
+    "strength": 0.25,
+    "keyInfluence": 0.8,
+    "radius": 0.2,
+    "friction": 0.3,
+    "momentum": 0.5,
+    "edges": "stretch"
+  },
   "Plasma": {
     "opacity": 1,
     "blendMode": "normal",
@@ -910,8 +1567,39 @@ const shaderMetadata = {
     "balance": 50,
     "colorA": "#7018be",
     "colorB": "#000000",
+    "stops": null,
     "colorSpace": "linear"
   },
+  "Plastic": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "rotation": 0,
+    "colorA": "#f5f5f7",
+    "colorB": "#d9dade",
+    "stops": null,
+    "gradientAngle": 90,
+    "colorSpace": "linear",
+    "thickness": 0.5,
+    "roughness": 0.12,
+    "reflectivity": 1,
+    "crumple": 0.25,
+    "crumpleScale": 1,
+    "crumpleCoverage": 1,
+    "seed": 0,
+    "edgeSoftness": 0.05,
+    "lightAngle": 315,
+    "speed": 1,
+    "shading": 0.35,
+    "rim": 0.25,
+    "rimColor": "#ffffff",
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
   "PolarCoordinates": {
     "opacity": 1,
     "blendMode": "normal",
@@ -927,6 +1615,7 @@ const shaderMetadata = {
   "Polygon": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "color": "#ffffff",
     "center": {
       "x": 0.5,
@@ -947,6 +1636,27 @@ const shaderMetadata = {
     "blendMode": "normal",
     "intensity": 5
   },
+  "Prism": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "position": {
+      "x": 0.18,
+      "y": 0.18
+    },
+    "beamWidth": 0.04,
+    "intensity": 1.6,
+    "beamColor": "#ffffff",
+    "startFalloff": 0.15,
+    "endFalloff": 0.6,
+    "splitPosition": {
+      "x": 0.5,
+      "y": 0.42
+    },
+    "spread": 0.7,
+    "softness": 0.12,
+    "saturation": 0.95,
+    "speed": 0.1
+  },
   "ProgressiveBlur": {
     "opacity": 1,
     "blendMode": "normal",
@@ -963,6 +1673,7 @@ const shaderMetadata = {
     "blendMode": "normal",
     "colorA": "#ff0000",
     "colorB": "#0000ff",
+    "stops": null,
     "center": {
       "x": 0.5,
       "y": 0.5
@@ -994,9 +1705,43 @@ const shaderMetadata = {
     "blurDistance": 0.3,
     "edges": "stretch"
   },
+  "Repeater": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "mode": "grid",
+    "cropLeft": 0,
+    "cropRight": 0,
+    "cropTop": 0,
+    "cropBottom": 0,
+    "columns": 3,
+    "rows": 3,
+    "gapX": 0.05,
+    "gapY": 0.05,
+    "stagger": 0,
+    "flip": "none",
+    "count": 8,
+    "radius": 0.3,
+    "startAngle": 0,
+    "sweep": 360,
+    "faceCenter": false,
+    "direction": 0,
+    "spacing": 0.2,
+    "instanceScale": 1,
+    "instanceRotation": 0,
+    "instanceOpacity": 1,
+    "hueShift": 0,
+    "phase": 0,
+    "zOrder": "forward",
+    "jitterPosition": 0,
+    "jitterRotation": 0,
+    "jitterScale": 0,
+    "jitterOpacity": 0,
+    "seed": 0
+  },
   "Ring": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "color": "#ffffff",
     "center": {
       "x": 0.5,
@@ -1028,6 +1773,7 @@ const shaderMetadata = {
   "RoundedRect": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "color": "#ffffff",
     "center": {
       "x": 0.5,
@@ -1048,6 +1794,16 @@ const shaderMetadata = {
     "blendMode": "normal",
     "intensity": 1
   },
+  "Scratches": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#ffffff",
+    "colorB": "#000000",
+    "scale": 2,
+    "thickness": 1,
+    "seed": 0,
+    "speed": 1
+  },
   "Sharpness": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1071,6 +1827,7 @@ const shaderMetadata = {
     "blendMode": "normal",
     "colorA": "#ffffff",
     "colorB": "#000000",
+    "stops": null,
     "colorSpace": "linear",
     "scale": 2,
     "balance": 0,
@@ -1098,6 +1855,7 @@ const shaderMetadata = {
     "blendMode": "normal",
     "colorA": "#fc83f9",
     "colorB": "#c21c79",
+    "stops": null,
     "emitFrom": {
       "x": 0.5,
       "y": 1
@@ -1120,11 +1878,13 @@ const shaderMetadata = {
     "blendMode": "normal",
     "colorA": "#8cf3ff",
     "colorB": "#04a0d6",
+    "origin": "center",
     "center": {
       "x": 0.5,
       "y": 0.5
     },
     "scale": 1,
+    "rotation": 0,
     "emitFrom": {
       "x": 0.5,
       "y": 0.5
@@ -1143,6 +1903,21 @@ const shaderMetadata = {
     "colorSpace": "linear",
     "shape": '{"type":"circleSDF","radius":0.35}'
   },
+  "SmokeFlow": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#e29c8b",
+    "colorB": "#d517f9",
+    "stops": null,
+    "intensity": 1,
+    "emitRadius": 0.07,
+    "momentum": 20,
+    "dissipation": 0.5,
+    "detail": 10,
+    "gravity": 2,
+    "colorDecay": 0.5,
+    "colorSpace": "OKLAB"
+  },
   "Solarize": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1190,6 +1965,7 @@ const shaderMetadata = {
   "Star": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "color": "#ffffff",
     "center": {
       "x": 0.5,
@@ -1205,16 +1981,48 @@ const shaderMetadata = {
     "strokePosition": "center",
     "colorSpace": "linear"
   },
+  "Stone": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "intensity": 0.5,
+    "scale": 1,
+    "contrast": 0,
+    "distortion": 0.15,
+    "seed": 0
+  },
   "Strands": {
     "opacity": 1,
     "blendMode": "normal",
     "speed": 0.5,
-    "amplitude": 1,
-    "frequency": 1,
-    "lineCount": 12,
-    "lineWidth": 0.1,
-    "waveColor": "#f1c907",
-    "pinEdges": true,
+    "amplitude": 2,
+    "frequency": 0.3,
+    "lineCount": 8,
+    "lineWidth": 0.05,
+    "softness": 0.05,
+    "spread": 0.2,
+    "pinEdges": false,
+    "stops": [
+      {
+        "color": "#00e5ff",
+        "position": 0
+      },
+      {
+        "color": "#5b8cff",
+        "position": 0.34
+      },
+      {
+        "color": "#b06bff",
+        "position": 0.67
+      },
+      {
+        "color": "#ff5fa2",
+        "position": 1
+      }
+    ],
+    "colorSpace": "oklab",
+    "colorScale": 1,
+    "colorVariance": 1,
+    "colorSpeed": 1,
     "start": {
       "x": 0,
       "y": 0.5
@@ -1290,24 +2098,90 @@ const shaderMetadata = {
     "feather": 0.5,
     "speed": 0.2
   },
+  "Surface3D": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "amplitude": 0.3,
+    "waveType": "fractal",
+    "frequency": 1.5,
+    "octaves": 2,
+    "seed": 0,
+    "speed": 0.5,
+    "tilt": 35,
+    "roll": 0,
+    "height": 0,
+    "zoom": 1,
+    "nearCutoff": 0,
+    "farCutoff": 1,
+    "edgePinning": 0,
+    "edges": "mirror",
+    "lighting": 30,
+    "glossiness": 0,
+    "highlights": 15,
+    "lightX": 0.4,
+    "lightY": -0.6,
+    "lightZ": 0.7,
+    "lightColor": "#ffffff",
+    "cursorIntensity": 1,
+    "cursorSpeed": 0.5
+  },
   "Swirl": {
     "opacity": 1,
     "blendMode": "normal",
     "colorA": "#1275d8",
     "colorB": "#e19136",
+    "stops": null,
     "speed": 1,
     "detail": 1,
     "blend": 50,
     "colorSpace": "linear"
   },
+  "Teardrop": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "color": "#ffffff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "radius": 0.22,
+    "height": 0.4,
+    "rotation": 0,
+    "softness": 0,
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
+  },
+  "Text": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "text": "Hello World",
+    "fontFamily": "Inter",
+    "fontWeight": 400,
+    "italic": false,
+    "textTransform": "none",
+    "fontSize": 0.07,
+    "letterSpacing": 0,
+    "color": "#ffffff",
+    "origin": "center",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "rotation": 0
+  },
   "ThinFilm": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "center": {
       "x": 0.5,
       "y": 0.5
     },
     "scale": 1,
+    "rotation": 0,
     "intensity": 1,
     "rimWidth": 1,
     "edgeSoftness": 0.3,
@@ -1346,6 +2220,7 @@ const shaderMetadata = {
   "Trapezoid": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "color": "#ffffff",
     "center": {
       "x": 0.5,
@@ -1361,6 +2236,20 @@ const shaderMetadata = {
     "strokePosition": "center",
     "colorSpace": "linear"
   },
+  "TriangularGrid": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#1a1a1a",
+    "colorB": "#ffffff",
+    "cells": 8,
+    "thickness": 1,
+    "rotation": 0,
+    "softness": 0,
+    "variation": 0,
+    "speed": 0,
+    "speedVariance": 0.3,
+    "colorSpace": "linear"
+  },
   "Tritone": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1377,6 +2266,8 @@ const shaderMetadata = {
     "colorB": "#ffffff",
     "cells": 10,
     "thickness": 2,
+    "rotation": 0,
+    "softness": 0,
     "seed": 0,
     "colorSpace": "linear"
   },
@@ -1393,6 +2284,7 @@ const shaderMetadata = {
   "Vesica": {
     "opacity": 1,
     "blendMode": "normal",
+    "origin": "center",
     "color": "#ffffff",
     "center": {
       "x": 0.5,
@@ -1424,7 +2316,7 @@ const shaderMetadata = {
     "opacity": 1,
     "blendMode": "normal",
     "url": "https://shaders.com/sample.mp4",
-    "objectFit": "cover",
+    "objectFit": "fill",
     "loop": true
   },
   "Vignette": {
@@ -1444,13 +2336,51 @@ const shaderMetadata = {
     "blendMode": "normal",
     "colorA": "#3186cf",
     "colorB": "#fc02dd",
+    "stops": null,
     "colorBorder": "#000000",
     "scale": 6,
     "speed": 0.5,
     "seed": 0,
     "edgeIntensity": 0.5,
     "edgeSoftness": 0.05,
-    "colorSpace": "oklch"
+    "colorSpace": "linear"
+  },
+  "Water": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "origin": "center",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "rotation": 0,
+    "waterColor": "#00bfeb",
+    "clarity": 0.4,
+    "depth": 5,
+    "shallows": 0.5,
+    "caustics": 0.15,
+    "causticScale": 6,
+    "choppiness": 0.8,
+    "waveScale": 3.5,
+    "swirl": 0.6,
+    "speed": 0.5,
+    "reflection": 2,
+    "envRotation": 0,
+    "sharpness": 0.1,
+    "lightAngle": 30,
+    "foam": 0.3,
+    "edgeSoftness": 0.05,
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
+  "Watercolor": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "radius": 3,
+    "bleed": 1,
+    "strength": 1,
+    "paper": 0.35,
+    "paperColor": "#fbf7ec"
   },
   "WaveDistortion": {
     "opacity": 1,
@@ -1462,6 +2392,20 @@ const shaderMetadata = {
     "waveType": "sine",
     "edges": "stretch"
   },
+  "WaveletNoise": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#ffffff",
+    "colorB": "#000000",
+    "stops": null,
+    "colorSpace": "linear",
+    "scale": 1.5,
+    "detail": 1.24,
+    "contrast": 0,
+    "balance": 0,
+    "seed": 0,
+    "speed": 1
+  },
   "Weave": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1477,6 +2421,15 @@ const shaderMetadata = {
     "objectFit": "cover",
     "mirror": true
   },
+  "Wool": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "intensity": 0.5,
+    "scale": 4,
+    "contrast": -0.5,
+    "distortion": 0.15,
+    "seed": 0
+  },
   "WorleyNoise": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1508,16 +2461,33 @@ const shaderMetadata = {
 function isPropMapValue(value) {
   return typeof value === "object" && value !== null && "type" in value && value.type === "map";
 }
+function formatValue(v) {
+  if (v === null || v === void 0) return String(v);
+  if (typeof v === "string") return JSON.stringify(v);
+  if (typeof v === "number" || typeof v === "boolean") return String(v);
+  if (Array.isArray(v)) return `[${v.map(formatValue).join(", ")}]`;
+  if (typeof v === "object") {
+    const obj = v;
+    const ks = Object.keys(obj);
+    if (ks.length === 0) return "{}";
+    const entries = ks.map((k) => `${k}: ${formatValue(obj[k])}`);
+    return `{ ${entries.join(", ")} }`;
+  }
+  return String(v);
+}
 function generatePropString(props, componentType, indent = "  ") {
   return Object.entries(props).sort(([a], [b]) => a.localeCompare(b)).filter(([key, value]) => {
     if (key === "maskType" && value === "alpha") return false;
-    if ((key === "shape" || key === "shapeType") && props.shapeSdfUrl) return false;
+    if ((key === "shape" || key === "shapeType") && props.shapeSdfUrl && props.shapeType !== "svgExtrude3D") return false;
     if (key === "transform" && typeof value === "object") {
       const allDefaults = Object.keys(DEFAULT_TRANSFORM).every(
         (k) => value[k] === DEFAULT_TRANSFORM[k]
       );
       if (allDefaults) return false;
     }
+    if (key === "boundingBox" && typeof value === "object") {
+      return reduceBoundingBoxForExport(value) !== null;
+    }
     const componentDefaults = shaderMetadata[componentType] || {};
     if (componentDefaults.hasOwnProperty(key)) {
       const defaultValue = componentDefaults[key];
@@ -1529,7 +2499,7 @@ function generatePropString(props, componentType, indent = "  ") {
     if (key === "opacity" && value === 1) return false;
     if (key === "blendMode" && value === "normal") return false;
     return true;
-  }).map(([key, value]) => {
+  }).map(([key, value]) => key === "boundingBox" && value && typeof value === "object" ? [key, reduceBoundingBoxForExport(value) ?? {}] : [key, value]).map(([key, value]) => {
     if (key === "transform" && typeof value === "object") {
       const nonDefaultKeys = {};
       for (const k in value) {
@@ -1579,6 +2549,8 @@ ${indent}  }}`;
         }
       }
       return `${key}=${JSON.stringify(value)}`;
+    } else if (Array.isArray(value)) {
+      return `${key}={${formatValue(value)}}`;
     } else if (value !== null && typeof value === "object") {
       const roundedValue = { ...value };
       if ("x" in roundedValue && typeof roundedValue.x === "number") {
@@ -1589,7 +2561,7 @@ ${indent}  }}`;
       }
       const keys = Object.keys(roundedValue);
       if (keys.length > 1) {
-        const entries = keys.map((k) => `${k}: ${typeof roundedValue[k] === "string" ? `"${roundedValue[k]}"` : roundedValue[k]}`);
+        const entries = keys.map((k) => `${k}: ${formatValue(roundedValue[k])}`);
         return `${key}={{
 ${indent}    ${entries.join(`,
 ${indent}    `)}
@@ -1623,7 +2595,36 @@ function isIdReferenced(id, allComponents) {
     return false;
   });
 }
+function roundForExportDeep(value) {
+  if (typeof value === "number") return Number.isFinite(value) ? Math.round(value * 1e4) / 1e4 : value;
+  if (typeof value === "string") {
+    if (value.startsWith("{") && value.endsWith("}")) {
+      try {
+        const parsed = JSON.parse(value);
+        if (parsed && typeof parsed === "object") return JSON.stringify(roundForExportDeep(parsed));
+      } catch {
+      }
+    }
+    return value;
+  }
+  if (Array.isArray(value)) return value.map(roundForExportDeep);
+  if (value && typeof value === "object") {
+    const out = {};
+    for (const k in value) out[k] = roundForExportDeep(value[k]);
+    return out;
+  }
+  return value;
+}
+function roundPresetForExport(preset) {
+  const mapComp = (c) => ({
+    ...c,
+    props: c.props ? roundForExportDeep(c.props) : c.props,
+    children: c.children ? c.children.map(mapComp) : c.children
+  });
+  return { components: preset.components.map(mapComp) };
+}
 function generatePresetCode(preset, colorSpace, toneMapping) {
+  preset = roundPresetForExport(preset);
   const componentTypes = /* @__PURE__ */ new Set();
   function collectTypes(components) {
     for (const config of components) {
@@ -1697,16 +2698,22 @@ ${componentStrings}
 const availableComponents = [
   // @ts-ignore - replaced at build time
   "AngularBlur",
+  "Arc",
   "Ascii",
   "Aurora",
   "BarShift",
   "Beam",
   "Blob",
+  "BlockNoise",
+  "BlueNoise",
   "Blur",
   "BrickPattern",
   "BrightnessContrast",
+  "BrushedMetal",
   "Bulge",
   "CRTScreen",
+  "CarbonFiber",
+  "Chalkboard",
   "ChannelBlur",
   "Checkerboard",
   "Chevron",
@@ -1714,15 +2721,19 @@ const availableComponents = [
   "ChromaticAberration",
   "Circle",
   "ColorWheel",
+  "CompressionArtifacts",
   "ConcentricSpin",
   "ConicGradient",
   "ContourLines",
+  "CornerPin",
   "Crescent",
   "Cross",
   "Crystal",
+  "CurlNoise",
   "CursorRipples",
   "CursorTrail",
   "DOMTexture",
+  "DataMosh",
   "DiamondGradient",
   "DiffuseBlur",
   "Dither",
@@ -1731,9 +2742,12 @@ const availableComponents = [
   "Duotone",
   "Ellipse",
   "Emboss",
+  "Engraving",
+  "ErosionNoise",
   "Exposure",
   "FallingLines",
   "FilmGrain",
+  "Flip",
   "FloatingParticles",
   "FlowField",
   "Flower",
@@ -1742,65 +2756,95 @@ const availableComponents = [
   "Fog",
   "Form3D",
   "FractalNoise",
+  "Frost",
+  "GaborNoise",
   "Glass",
   "GlassTiles",
   "Glitch",
   "Glow",
   "Godrays",
+  "Goo",
+  "GradientMap",
   "Grayscale",
   "Grid",
   "GridDistortion",
   "Group",
   "Halftone",
+  "Heart",
+  "Heatmap",
   "HexGrid",
+  "Hologram",
+  "Holographic",
   "HueShift",
   "ImageTexture",
   "Invert",
+  "IsometricCubes",
   "Kaleidoscope",
+  "KeyFrames",
   "LensFlare",
+  "LightEdge",
+  "LightLeak",
   "LinearBlur",
   "LinearGradient",
+  "LiquidMetal",
   "Liquify",
   "Marble",
   "Mirror",
   "MultiPointGradient",
   "Neon",
+  "ObjectTracker",
+  "PagePeel",
   "Paper",
+  "Parallelogram",
+  "Particles",
+  "PerlinNoise",
   "Perspective",
+  "PixelSort",
+  "PixelThrow",
   "Pixelate",
   "Plasma",
+  "Plastic",
   "PolarCoordinates",
   "Polygon",
   "Posterize",
+  "Prism",
   "ProgressiveBlur",
   "RadialGradient",
   "RectangularCoordinates",
   "ReflectivePlane",
+  "Repeater",
   "Ring",
   "Ripples",
   "RoundedRect",
   "Saturation",
+  "Scratches",
   "Sharpness",
   "Shatter",
   "SimplexNoise",
   "SineWave",
   "Smoke",
   "SmokeFill",
+  "SmokeFlow",
   "Solarize",
   "SolidColor",
   "Spherize",
   "Spiral",
   "Star",
+  "Stone",
   "Strands",
   "Stretch",
   "Stripes",
   "StudioBackground",
   "SunBurst",
+  "Surface3D",
   "Swirl",
+  "Teardrop",
+  "Text",
   "ThinFilm",
   "TiltShift",
   "Tint",
   "Trapezoid",
+  "TriangularGrid",
   "Tritone",
   "Truchet",
   "Twirl",
@@ -1810,9 +2854,13 @@ const availableComponents = [
   "VideoTexture",
   "Vignette",
   "Voronoi",
+  "Water",
+  "Watercolor",
   "WaveDistortion",
+  "WaveletNoise",
   "Weave",
   "WebcamTexture",
+  "Wool",
   "WorleyNoise",
   "ZoomBlur"
 ];