shaders 2.5.117 → 2.5.119

package/dist/registry.js

@@ -803,6 +803,217 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "BarShift",
+    "category": "Distortions",
+    "description": "Slices content into parallel bars, each offset independently for a fractured or glitch-like effect",
+    "fileName": "BarShift",
+    "requiresChild": true,
+    "definition": {
+      "name": "BarShift",
+      "category": "Distortions",
+      "description": "Slices content into parallel bars, each offset independently for a fractured or glitch-like effect",
+      "requiresRTT": true,
+      "requiresChild": true,
+      "props": {
+        "count": {
+          "default": 6,
+          "description": "Number of bars across the longest viewport dimension",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 1,
+            "max": 30,
+            "step": 1,
+            "label": "Count",
+            "group": "Effect"
+          }
+        },
+        "angle": {
+          "default": 0,
+          "description": "Angle of bar orientation in degrees (0 = vertical bars, 90 = horizontal bars)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": -180,
+            "max": 180,
+            "step": 1,
+            "label": "Angle",
+            "group": "Effect"
+          }
+        },
+        "intensity": {
+          "default": 0.15,
+          "description": "Maximum displacement per bar",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Intensity",
+            "group": "Effect"
+          }
+        },
+        "seed": {
+          "default": 0,
+          "description": "Randomization seed for per-bar offset variation",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Seed",
+            "group": "Effect"
+          }
+        },
+        "speed": {
+          "default": 0,
+          "description": "Animation speed — each bar drifts at its own rate and direction",
+          "ui": {
+            "type": "range",
+            "min": -2,
+            "max": 2,
+            "step": 0.1,
+            "label": "Speed",
+            "group": "Animation"
+          }
+        },
+        "edges": {
+          "default": "mirror",
+          "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Stretch",
+                "value": "stretch"
+              },
+              {
+                "label": "Transparent",
+                "value": "transparent"
+              },
+              {
+                "label": "Mirror",
+                "value": "mirror"
+              },
+              {
+                "label": "Wrap",
+                "value": "wrap"
+              }
+            ],
+            "label": "Edges",
+            "group": "Effect"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "count": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 1,
+          "max": 30,
+          "step": 1,
+          "label": "Count",
+          "group": "Effect"
+        },
+        "default": 6,
+        "description": "Number of bars across the longest viewport dimension"
+      },
+      "angle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": -180,
+          "max": 180,
+          "step": 1,
+          "label": "Angle",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Angle of bar orientation in degrees (0 = vertical bars, 90 = horizontal bars)"
+      },
+      "intensity": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Intensity",
+          "group": "Effect"
+        },
+        "default": 0.15,
+        "description": "Maximum displacement per bar"
+      },
+      "seed": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Seed",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Randomization seed for per-bar offset variation"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": -2,
+          "max": 2,
+          "step": 0.1,
+          "label": "Speed",
+          "group": "Animation"
+        },
+        "default": 0,
+        "description": "Animation speed — each bar drifts at its own rate and direction"
+      },
+      "edges": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Stretch",
+              "value": "stretch"
+            },
+            {
+              "label": "Transparent",
+              "value": "transparent"
+            },
+            {
+              "label": "Mirror",
+              "value": "mirror"
+            },
+            {
+              "label": "Wrap",
+              "value": "wrap"
+            }
+          ],
+          "label": "Edges",
+          "group": "Effect"
+        },
+        "default": "mirror",
+        "description": "How to handle edges when distortion pushes content out of bounds"
+      }
+    }
+  },
   {
     "name": "Beam",
     "category": "Textures",
@@ -1540,47 +1751,397 @@ export const shaderRegistry = [
     }
   },
   {
-    "name": "BrightnessContrast",
-    "category": "Adjustments",
-    "description": "Adjust brightness and contrast of the image",
-    "fileName": "BrightnessContrast",
-    "requiresChild": true,
+    "name": "BrickPattern",
+    "category": "Textures",
+    "description": "Classic brick wall pattern with alternating rows and mortar gaps",
+    "fileName": "BrickPattern",
     "definition": {
-      "name": "BrightnessContrast",
-      "category": "Adjustments",
-      "description": "Adjust brightness and contrast of the image",
-      "requiresChild": true,
+      "name": "BrickPattern",
+      "category": "Textures",
+      "description": "Classic brick wall pattern with alternating rows and mortar gaps",
       "props": {
-        "brightness": {
-          "default": 0,
-          "description": "Brightness adjustment (-1 to 1)",
+        "colorBrick": {
+          "default": "#000000",
+          "description": "Brick color",
+          "ui": {
+            "type": "color",
+            "label": "Brick Color",
+            "group": "Colors"
+          }
+        },
+        "colorMortar": {
+          "default": "#ffffff",
+          "description": "Mortar / gap color",
+          "ui": {
+            "type": "color",
+            "label": "Mortar Color",
+            "group": "Colors"
+          }
+        },
+        "cellsX": {
+          "default": 8,
+          "description": "Number of bricks per row",
           "ui": {
             "type": [
               "range",
               "map"
             ],
-            "min": -1,
-            "max": 1,
-            "step": 0.05,
-            "label": "Brightness",
-            "group": "Appearance"
+            "min": 1,
+            "max": 30,
+            "step": 1,
+            "label": "Bricks per Row",
+            "group": "Effect"
           }
         },
-        "contrast": {
-          "default": 0,
-          "description": "Contrast adjustment (-1 to 1)",
+        "cellsY": {
+          "default": 10,
+          "description": "Number of brick rows",
           "ui": {
             "type": [
               "range",
               "map"
             ],
-            "min": -1,
+            "min": 1,
+            "max": 30,
+            "step": 1,
+            "label": "Rows",
+            "group": "Effect"
+          }
+        },
+        "mortar": {
+          "default": 0.05,
+          "description": "Width of mortar gaps — equal pixel thickness in both directions",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
             "max": 1,
-            "step": 0.05,
-            "label": "Contrast",
-            "group": "Appearance"
+            "step": 0.01,
+            "label": "Mortar Gap",
+            "group": "Effect"
           }
-        }
+        },
+        "angle": {
+          "default": 0,
+          "description": "Rotation angle in degrees",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": -180,
+            "max": 180,
+            "step": 1,
+            "label": "Angle",
+            "group": "Effect"
+          }
+        },
+        "speed": {
+          "default": 0,
+          "description": "Animation speed",
+          "ui": {
+            "type": "range",
+            "min": -2,
+            "max": 2,
+            "step": 0.1,
+            "label": "Speed",
+            "group": "Animation"
+          }
+        },
+        "offset": {
+          "default": 0,
+          "description": "Static horizontal offset — shifts the brick pattern without animating",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Offset",
+            "group": "Animation"
+          }
+        },
+        "speedVariance": {
+          "default": 0,
+          "description": "How much each row's speed varies — at high values rows move at different speeds and directions",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Speed Variance",
+            "group": "Animation"
+          }
+        },
+        "seed": {
+          "default": 0,
+          "description": "Random seed for per-row speed variation",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Seed",
+            "group": "Animation"
+          }
+        },
+        "colorSpace": {
+          "default": "linear",
+          "compileTime": true,
+          "description": "Color space for interpolation",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Linear RGB",
+                "value": "linear"
+              },
+              {
+                "label": "OKLCh",
+                "value": "oklch"
+              },
+              {
+                "label": "OKLAB",
+                "value": "oklab"
+              },
+              {
+                "label": "HSL",
+                "value": "hsl"
+              },
+              {
+                "label": "HSV",
+                "value": "hsv"
+              },
+              {
+                "label": "LCH",
+                "value": "lch"
+              }
+            ],
+            "label": "Color Space",
+            "group": "Colors"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "colorBrick": {
+        "ui": {
+          "type": "color",
+          "label": "Brick Color",
+          "group": "Colors"
+        },
+        "default": "#000000",
+        "description": "Brick color"
+      },
+      "colorMortar": {
+        "ui": {
+          "type": "color",
+          "label": "Mortar Color",
+          "group": "Colors"
+        },
+        "default": "#ffffff",
+        "description": "Mortar / gap color"
+      },
+      "cellsX": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 1,
+          "max": 30,
+          "step": 1,
+          "label": "Bricks per Row",
+          "group": "Effect"
+        },
+        "default": 8,
+        "description": "Number of bricks per row"
+      },
+      "cellsY": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 1,
+          "max": 30,
+          "step": 1,
+          "label": "Rows",
+          "group": "Effect"
+        },
+        "default": 10,
+        "description": "Number of brick rows"
+      },
+      "mortar": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Mortar Gap",
+          "group": "Effect"
+        },
+        "default": 0.05,
+        "description": "Width of mortar gaps — equal pixel thickness in both directions"
+      },
+      "angle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": -180,
+          "max": 180,
+          "step": 1,
+          "label": "Angle",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Rotation angle in degrees"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": -2,
+          "max": 2,
+          "step": 0.1,
+          "label": "Speed",
+          "group": "Animation"
+        },
+        "default": 0,
+        "description": "Animation speed"
+      },
+      "offset": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Offset",
+          "group": "Animation"
+        },
+        "default": 0,
+        "description": "Static horizontal offset — shifts the brick pattern without animating"
+      },
+      "speedVariance": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Speed Variance",
+          "group": "Animation"
+        },
+        "default": 0,
+        "description": "How much each row's speed varies — at high values rows move at different speeds and directions"
+      },
+      "seed": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Seed",
+          "group": "Animation"
+        },
+        "default": 0,
+        "description": "Random seed for per-row speed variation"
+      },
+      "colorSpace": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Linear RGB",
+              "value": "linear"
+            },
+            {
+              "label": "OKLCh",
+              "value": "oklch"
+            },
+            {
+              "label": "OKLAB",
+              "value": "oklab"
+            },
+            {
+              "label": "HSL",
+              "value": "hsl"
+            },
+            {
+              "label": "HSV",
+              "value": "hsv"
+            },
+            {
+              "label": "LCH",
+              "value": "lch"
+            }
+          ],
+          "label": "Color Space",
+          "group": "Colors"
+        },
+        "default": "linear",
+        "description": "Color space for interpolation"
+      }
+    }
+  },
+  {
+    "name": "BrightnessContrast",
+    "category": "Adjustments",
+    "description": "Adjust brightness and contrast of the image",
+    "fileName": "BrightnessContrast",
+    "requiresChild": true,
+    "definition": {
+      "name": "BrightnessContrast",
+      "category": "Adjustments",
+      "description": "Adjust brightness and contrast of the image",
+      "requiresChild": true,
+      "props": {
+        "brightness": {
+          "default": 0,
+          "description": "Brightness adjustment (-1 to 1)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": -1,
+            "max": 1,
+            "step": 0.05,
+            "label": "Brightness",
+            "group": "Appearance"
+          }
+        },
+        "contrast": {
+          "default": 0,
+          "description": "Contrast adjustment (-1 to 1)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": -1,
+            "max": 1,
+            "step": 0.05,
+            "label": "Contrast",
+            "group": "Appearance"
+          }
+        }
       }
     },
     "propsMetadata": {
@@ -1854,76 +2415,258 @@ export const shaderRegistry = [
               "range",
               "map"
             ],
-            "min": 0,
-            "max": 100,
-            "step": 1,
-            "label": "Blue Intensity",
-            "group": "Effect"
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Blue Intensity",
+            "group": "Effect"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "redIntensity": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Red Intensity",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Blur intensity for red channel"
+      },
+      "greenIntensity": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Green Intensity",
+          "group": "Effect"
+        },
+        "default": 20,
+        "description": "Blur intensity for green channel"
+      },
+      "blueIntensity": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Blue Intensity",
+          "group": "Effect"
+        },
+        "default": 40,
+        "description": "Blur intensity for blue channel"
+      }
+    }
+  },
+  {
+    "name": "Checkerboard",
+    "category": "Textures",
+    "description": "Classic checkerboard pattern with two alternating colors",
+    "fileName": "Checkerboard",
+    "definition": {
+      "name": "Checkerboard",
+      "category": "Textures",
+      "description": "Classic checkerboard pattern with two alternating colors",
+      "props": {
+        "colorA": {
+          "default": "#cccccc",
+          "description": "First color of the checkerboard pattern",
+          "ui": {
+            "type": "color",
+            "label": "Color A",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#999999",
+          "description": "Second color of the checkerboard pattern",
+          "ui": {
+            "type": "color",
+            "label": "Color B",
+            "group": "Colors"
+          }
+        },
+        "cells": {
+          "default": 8,
+          "description": "Number of cells along the shortest canvas edge (creates square cells)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 1,
+            "max": 50,
+            "step": 1,
+            "label": "Cells",
+            "group": "Effect"
+          }
+        },
+        "softness": {
+          "default": 0,
+          "description": "Smoothness of the transition between colors (0 = hard edges, 1 = very soft)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.1,
+            "label": "Softness",
+            "group": "Effect"
+          }
+        },
+        "colorSpace": {
+          "default": "linear",
+          "compileTime": true,
+          "description": "Color space for color interpolation",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Linear RGB",
+                "value": "linear"
+              },
+              {
+                "label": "OKLCh",
+                "value": "oklch"
+              },
+              {
+                "label": "OKLAB",
+                "value": "oklab"
+              },
+              {
+                "label": "HSL",
+                "value": "hsl"
+              },
+              {
+                "label": "HSV",
+                "value": "hsv"
+              },
+              {
+                "label": "LCH",
+                "value": "lch"
+              }
+            ],
+            "label": "Color Space",
+            "group": "Colors"
           }
         }
       }
     },
     "propsMetadata": {
-      "redIntensity": {
+      "colorA": {
+        "ui": {
+          "type": "color",
+          "label": "Color A",
+          "group": "Colors"
+        },
+        "default": "#cccccc",
+        "description": "First color of the checkerboard pattern"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Color B",
+          "group": "Colors"
+        },
+        "default": "#999999",
+        "description": "Second color of the checkerboard pattern"
+      },
+      "cells": {
         "ui": {
           "type": [
             "range",
             "map"
           ],
-          "min": 0,
-          "max": 100,
+          "min": 1,
+          "max": 50,
           "step": 1,
-          "label": "Red Intensity",
+          "label": "Cells",
           "group": "Effect"
         },
-        "default": 0,
-        "description": "Blur intensity for red channel"
+        "default": 8,
+        "description": "Number of cells along the shortest canvas edge (creates square cells)"
       },
-      "greenIntensity": {
+      "softness": {
         "ui": {
           "type": [
             "range",
             "map"
           ],
           "min": 0,
-          "max": 100,
-          "step": 1,
-          "label": "Green Intensity",
+          "max": 1,
+          "step": 0.1,
+          "label": "Softness",
           "group": "Effect"
         },
-        "default": 20,
-        "description": "Blur intensity for green channel"
+        "default": 0,
+        "description": "Smoothness of the transition between colors (0 = hard edges, 1 = very soft)"
       },
-      "blueIntensity": {
+      "colorSpace": {
         "ui": {
-          "type": [
-            "range",
-            "map"
+          "type": "select",
+          "options": [
+            {
+              "label": "Linear RGB",
+              "value": "linear"
+            },
+            {
+              "label": "OKLCh",
+              "value": "oklch"
+            },
+            {
+              "label": "OKLAB",
+              "value": "oklab"
+            },
+            {
+              "label": "HSL",
+              "value": "hsl"
+            },
+            {
+              "label": "HSV",
+              "value": "hsv"
+            },
+            {
+              "label": "LCH",
+              "value": "lch"
+            }
           ],
-          "min": 0,
-          "max": 100,
-          "step": 1,
-          "label": "Blue Intensity",
-          "group": "Effect"
+          "label": "Color Space",
+          "group": "Colors"
         },
-        "default": 40,
-        "description": "Blur intensity for blue channel"
+        "default": "linear",
+        "description": "Color space for color interpolation"
       }
     }
   },
   {
-    "name": "Checkerboard",
+    "name": "Chevron",
     "category": "Textures",
-    "description": "Classic checkerboard pattern with two alternating colors",
-    "fileName": "Checkerboard",
+    "description": "Animated chevron / zigzag stripe pattern",
+    "fileName": "Chevron",
     "definition": {
-      "name": "Checkerboard",
+      "name": "Chevron",
       "category": "Textures",
-      "description": "Classic checkerboard pattern with two alternating colors",
+      "description": "Animated chevron / zigzag stripe pattern",
       "props": {
         "colorA": {
-          "default": "#cccccc",
-          "description": "First color of the checkerboard pattern",
+          "default": "#000000",
+          "description": "First color",
           "ui": {
             "type": "color",
             "label": "Color A",
@@ -1931,32 +2674,62 @@ export const shaderRegistry = [
           }
         },
         "colorB": {
-          "default": "#999999",
-          "description": "Second color of the checkerboard pattern",
+          "default": "#ffffff",
+          "description": "Second color",
           "ui": {
             "type": "color",
             "label": "Color B",
             "group": "Colors"
           }
         },
-        "cells": {
-          "default": 8,
-          "description": "Number of cells along the shortest canvas edge (creates square cells)",
+        "count": {
+          "default": 5,
+          "description": "Number of chevron pairs visible",
           "ui": {
             "type": [
               "range",
               "map"
             ],
             "min": 1,
-            "max": 50,
+            "max": 30,
             "step": 1,
-            "label": "Cells",
+            "label": "Count",
+            "group": "Effect"
+          }
+        },
+        "angle": {
+          "default": 0,
+          "description": "Rotation angle of the chevrons",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": -180,
+            "max": 180,
+            "step": 1,
+            "label": "Angle",
+            "group": "Effect"
+          }
+        },
+        "balance": {
+          "default": 0.5,
+          "description": "Ratio of the two colors",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Balance",
             "group": "Effect"
           }
         },
         "softness": {
           "default": 0,
-          "description": "Smoothness of the transition between colors (0 = hard edges, 1 = very soft)",
+          "description": "Edge softness",
           "ui": {
             "type": [
               "range",
@@ -1964,15 +2737,42 @@ export const shaderRegistry = [
             ],
             "min": 0,
             "max": 1,
-            "step": 0.1,
+            "step": 0.01,
             "label": "Softness",
             "group": "Effect"
           }
         },
+        "speed": {
+          "default": 0,
+          "description": "Animation speed",
+          "ui": {
+            "type": "range",
+            "min": -2,
+            "max": 2,
+            "step": 0.1,
+            "label": "Speed",
+            "group": "Animation"
+          }
+        },
+        "offset": {
+          "default": 0,
+          "description": "Phase offset for pattern positioning",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Offset",
+            "group": "Animation"
+          }
+        },
         "colorSpace": {
           "default": "linear",
           "compileTime": true,
-          "description": "Color space for color interpolation",
+          "description": "Color space for interpolation",
           "ui": {
             "type": "select",
             "options": [
@@ -2014,8 +2814,8 @@ export const shaderRegistry = [
           "label": "Color A",
           "group": "Colors"
         },
-        "default": "#cccccc",
-        "description": "First color of the checkerboard pattern"
+        "default": "#000000",
+        "description": "First color"
       },
       "colorB": {
         "ui": {
@@ -2023,23 +2823,53 @@ export const shaderRegistry = [
           "label": "Color B",
           "group": "Colors"
         },
-        "default": "#999999",
-        "description": "Second color of the checkerboard pattern"
+        "default": "#ffffff",
+        "description": "Second color"
       },
-      "cells": {
+      "count": {
         "ui": {
           "type": [
             "range",
             "map"
           ],
           "min": 1,
-          "max": 50,
+          "max": 30,
           "step": 1,
-          "label": "Cells",
+          "label": "Count",
           "group": "Effect"
         },
-        "default": 8,
-        "description": "Number of cells along the shortest canvas edge (creates square cells)"
+        "default": 5,
+        "description": "Number of chevron pairs visible"
+      },
+      "angle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": -180,
+          "max": 180,
+          "step": 1,
+          "label": "Angle",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Rotation angle of the chevrons"
+      },
+      "balance": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Balance",
+          "group": "Effect"
+        },
+        "default": 0.5,
+        "description": "Ratio of the two colors"
       },
       "softness": {
         "ui": {
@@ -2049,12 +2879,39 @@ export const shaderRegistry = [
           ],
           "min": 0,
           "max": 1,
-          "step": 0.1,
+          "step": 0.01,
           "label": "Softness",
           "group": "Effect"
         },
         "default": 0,
-        "description": "Smoothness of the transition between colors (0 = hard edges, 1 = very soft)"
+        "description": "Edge softness"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": -2,
+          "max": 2,
+          "step": 0.1,
+          "label": "Speed",
+          "group": "Animation"
+        },
+        "default": 0,
+        "description": "Animation speed"
+      },
+      "offset": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Offset",
+          "group": "Animation"
+        },
+        "default": 0,
+        "description": "Phase offset for pattern positioning"
       },
       "colorSpace": {
         "ui": {
@@ -2089,7 +2946,7 @@ export const shaderRegistry = [
           "group": "Colors"
         },
         "default": "linear",
-        "description": "Color space for color interpolation"
+        "description": "Color space for interpolation"
       }
     }
   },
@@ -2658,31 +3515,315 @@ export const shaderRegistry = [
           "label": "Stroke Color",
           "group": "Colors"
         },
-        "default": "#000000",
-        "description": "The color of the stroke outline"
+        "default": "#000000",
+        "description": "The color of the stroke outline"
+      },
+      "strokePosition": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Outside",
+              "value": "outside"
+            },
+            {
+              "label": "Center",
+              "value": "center"
+            },
+            {
+              "label": "Inside",
+              "value": "inside"
+            }
+          ],
+          "label": "Stroke Position",
+          "group": "Stroke"
+        },
+        "default": "center",
+        "description": "Position of the stroke relative to the circle edge"
+      },
+      "colorSpace": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Linear RGB",
+              "value": "linear"
+            },
+            {
+              "label": "OKLCh",
+              "value": "oklch"
+            },
+            {
+              "label": "OKLAB",
+              "value": "oklab"
+            },
+            {
+              "label": "HSL",
+              "value": "hsl"
+            },
+            {
+              "label": "HSV",
+              "value": "hsv"
+            },
+            {
+              "label": "LCH",
+              "value": "lch"
+            }
+          ],
+          "label": "Color Blending",
+          "group": "Colors"
+        },
+        "default": "linear",
+        "description": "Color space for blending fill and stroke colors in soft edges"
+      }
+    }
+  },
+  {
+    "name": "ColorWheel",
+    "category": "Textures",
+    "description": "A directional gradient that smoothly cycles through rainbow colors or a custom set of three colors",
+    "fileName": "ColorWheel",
+    "definition": {
+      "name": "ColorWheel",
+      "category": "Textures",
+      "description": "A directional gradient that smoothly cycles through rainbow colors or a custom set of three colors",
+      "props": {
+        "mode": {
+          "default": "rainbow",
+          "compileTime": true,
+          "description": "Rainbow cycles through the full spectrum; Custom loops through your three chosen colors",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Rainbow",
+                "value": "rainbow"
+              },
+              {
+                "label": "Custom",
+                "value": "custom"
+              }
+            ],
+            "label": "Mode",
+            "group": "Colors"
+          }
+        },
+        "colorA": {
+          "default": "#ff0000",
+          "description": "First color in the cycle",
+          "ui": {
+            "type": "color",
+            "label": "Color 1",
+            "group": "Colors",
+            "condition": {
+              "mode": "custom"
+            }
+          }
+        },
+        "colorB": {
+          "default": "#00ff88",
+          "description": "Second color in the cycle",
+          "ui": {
+            "type": "color",
+            "label": "Color 2",
+            "group": "Colors",
+            "condition": {
+              "mode": "custom"
+            }
+          }
+        },
+        "colorC": {
+          "default": "#0066ff",
+          "description": "Third color in the cycle",
+          "ui": {
+            "type": "color",
+            "label": "Color 3",
+            "group": "Colors",
+            "condition": {
+              "mode": "custom"
+            }
+          }
+        },
+        "scale": {
+          "default": 1,
+          "description": "Number of color cycles across the viewport",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0.1,
+            "max": 10,
+            "step": 0.1,
+            "label": "Scale",
+            "group": "Effect"
+          }
+        },
+        "angle": {
+          "default": 0,
+          "description": "Direction the gradient flows",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": -180,
+            "max": 180,
+            "step": 1,
+            "label": "Angle",
+            "group": "Effect"
+          }
+        },
+        "speed": {
+          "default": 0.05,
+          "description": "Speed at which the gradient cycles",
+          "ui": {
+            "type": "range",
+            "min": -1,
+            "max": 1,
+            "step": 0.01,
+            "label": "Speed",
+            "group": "Animation"
+          }
+        },
+        "colorSpace": {
+          "default": "oklch",
+          "compileTime": true,
+          "description": "Color space for blending between custom colors",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Linear RGB",
+                "value": "linear"
+              },
+              {
+                "label": "OKLCh",
+                "value": "oklch"
+              },
+              {
+                "label": "OKLAB",
+                "value": "oklab"
+              },
+              {
+                "label": "HSL",
+                "value": "hsl"
+              },
+              {
+                "label": "HSV",
+                "value": "hsv"
+              },
+              {
+                "label": "LCH",
+                "value": "lch"
+              }
+            ],
+            "label": "Color Space",
+            "group": "Colors",
+            "condition": {
+              "mode": "custom"
+            }
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "mode": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Rainbow",
+              "value": "rainbow"
+            },
+            {
+              "label": "Custom",
+              "value": "custom"
+            }
+          ],
+          "label": "Mode",
+          "group": "Colors"
+        },
+        "default": "rainbow",
+        "description": "Rainbow cycles through the full spectrum; Custom loops through your three chosen colors"
+      },
+      "colorA": {
+        "ui": {
+          "type": "color",
+          "label": "Color 1",
+          "group": "Colors",
+          "condition": {
+            "mode": "custom"
+          }
+        },
+        "default": "#ff0000",
+        "description": "First color in the cycle"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Color 2",
+          "group": "Colors",
+          "condition": {
+            "mode": "custom"
+          }
+        },
+        "default": "#00ff88",
+        "description": "Second color in the cycle"
+      },
+      "colorC": {
+        "ui": {
+          "type": "color",
+          "label": "Color 3",
+          "group": "Colors",
+          "condition": {
+            "mode": "custom"
+          }
+        },
+        "default": "#0066ff",
+        "description": "Third color in the cycle"
+      },
+      "scale": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0.1,
+          "max": 10,
+          "step": 0.1,
+          "label": "Scale",
+          "group": "Effect"
+        },
+        "default": 1,
+        "description": "Number of color cycles across the viewport"
+      },
+      "angle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": -180,
+          "max": 180,
+          "step": 1,
+          "label": "Angle",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Direction the gradient flows"
       },
-      "strokePosition": {
+      "speed": {
         "ui": {
-          "type": "select",
-          "options": [
-            {
-              "label": "Outside",
-              "value": "outside"
-            },
-            {
-              "label": "Center",
-              "value": "center"
-            },
-            {
-              "label": "Inside",
-              "value": "inside"
-            }
-          ],
-          "label": "Stroke Position",
-          "group": "Stroke"
+          "type": "range",
+          "min": -1,
+          "max": 1,
+          "step": 0.01,
+          "label": "Speed",
+          "group": "Animation"
         },
-        "default": "center",
-        "description": "Position of the stroke relative to the circle edge"
+        "default": 0.05,
+        "description": "Speed at which the gradient cycles"
       },
       "colorSpace": {
         "ui": {
@@ -2713,11 +3854,14 @@ export const shaderRegistry = [
               "value": "lch"
             }
           ],
-          "label": "Color Blending",
-          "group": "Colors"
+          "label": "Color Space",
+          "group": "Colors",
+          "condition": {
+            "mode": "custom"
+          }
         },
-        "default": "linear",
-        "description": "Color space for blending fill and stroke colors in soft edges"
+        "default": "oklch",
+        "description": "Color space for blending between custom colors"
       }
     }
   },
@@ -9102,215 +10246,506 @@ export const shaderRegistry = [
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
-        "shape3d": {
-          "default": "{\"type\":\"ribbon\",\"angle\":0,\"twist\":50,\"width\":40,\"thickness\":20,\"seed\":0}",
-          "description": "3D shape and its parameters",
+        "shape3d": {
+          "default": "{\"type\":\"ribbon\",\"angle\":0,\"twist\":50,\"width\":40,\"thickness\":20,\"seed\":0}",
+          "description": "3D shape and its parameters",
+          "ui": {
+            "type": "shape3d",
+            "label": "Shape",
+            "group": "Shape"
+          }
+        },
+        "shape3dType": {
+          "default": "ribbon",
+          "compileTime": true,
+          "description": "Active shape type — triggers recompile when shape is switched"
+        },
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "Center position of the shape on screen",
+          "ui": {
+            "type": "position",
+            "label": "Center",
+            "group": "Position"
+          }
+        },
+        "zoom": {
+          "default": 50,
+          "description": "Camera zoom level",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 10,
+            "max": 200,
+            "step": 1,
+            "label": "Zoom",
+            "group": "Scene"
+          }
+        },
+        "glossiness": {
+          "default": 50,
+          "description": "Specular highlight intensity and sharpness",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 200,
+            "step": 1,
+            "label": "Glossiness",
+            "group": "Lighting"
+          }
+        },
+        "lighting": {
+          "default": 50,
+          "description": "Overall intensity of lighting effects",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 200,
+            "step": 1,
+            "label": "Lighting",
+            "group": "Lighting"
+          }
+        },
+        "uvMode": {
+          "default": "stretch",
+          "description": "How to handle UV coordinates at shape boundaries",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Stretch",
+                "value": "stretch"
+              },
+              {
+                "label": "Mirror",
+                "value": "mirror"
+              },
+              {
+                "label": "Wrap",
+                "value": "wrap"
+              }
+            ],
+            "label": "UV Edges",
+            "group": "Scene"
+          }
+        },
+        "speed": {
+          "default": 1,
+          "description": "Animation speed — scales all spin rates",
+          "ui": {
+            "type": "range",
+            "min": -10,
+            "max": 10,
+            "step": 0.1,
+            "label": "Speed",
+            "group": "Animation"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "shape3d": {
+        "ui": {
+          "type": "shape3d",
+          "label": "Shape",
+          "group": "Shape"
+        },
+        "default": "{\"type\":\"ribbon\",\"angle\":0,\"twist\":50,\"width\":40,\"thickness\":20,\"seed\":0}",
+        "description": "3D shape and its parameters"
+      },
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center",
+          "group": "Position"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "Center position of the shape on screen"
+      },
+      "zoom": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 10,
+          "max": 200,
+          "step": 1,
+          "label": "Zoom",
+          "group": "Scene"
+        },
+        "default": 50,
+        "description": "Camera zoom level"
+      },
+      "glossiness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 200,
+          "step": 1,
+          "label": "Glossiness",
+          "group": "Lighting"
+        },
+        "default": 50,
+        "description": "Specular highlight intensity and sharpness"
+      },
+      "lighting": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 200,
+          "step": 1,
+          "label": "Lighting",
+          "group": "Lighting"
+        },
+        "default": 50,
+        "description": "Overall intensity of lighting effects"
+      },
+      "uvMode": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Stretch",
+              "value": "stretch"
+            },
+            {
+              "label": "Mirror",
+              "value": "mirror"
+            },
+            {
+              "label": "Wrap",
+              "value": "wrap"
+            }
+          ],
+          "label": "UV Edges",
+          "group": "Scene"
+        },
+        "default": "stretch",
+        "description": "How to handle UV coordinates at shape boundaries"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": -10,
+          "max": 10,
+          "step": 0.1,
+          "label": "Speed",
+          "group": "Animation"
+        },
+        "default": 1,
+        "description": "Animation speed — scales all spin rates"
+      }
+    }
+  },
+  {
+    "name": "FractalNoise",
+    "category": "Textures",
+    "description": "Multi-octave fractal Brownian motion noise texture with true noise evolution",
+    "fileName": "FractalNoise",
+    "definition": {
+      "name": "FractalNoise",
+      "category": "Textures",
+      "description": "Multi-octave fractal Brownian motion noise texture with true noise evolution",
+      "props": {
+        "colorA": {
+          "default": "#000000",
+          "description": "First color",
           "ui": {
-            "type": "shape3d",
-            "label": "Shape",
-            "group": "Shape"
+            "type": "color",
+            "label": "Color A",
+            "group": "Colors"
           }
         },
-        "shape3dType": {
-          "default": "ribbon",
-          "compileTime": true,
-          "description": "Active shape type — triggers recompile when shape is switched"
+        "colorB": {
+          "default": "#ffffff",
+          "description": "Second color",
+          "ui": {
+            "type": "color",
+            "label": "Color B",
+            "group": "Colors"
+          }
         },
-        "center": {
-          "default": {
-            "x": 0.5,
-            "y": 0.5
-          },
-          "description": "Center position of the shape on screen",
+        "octaves": {
+          "default": 4,
+          "compileTime": true,
+          "description": "Number of noise octaves (more = more detail)",
           "ui": {
-            "type": "position",
-            "label": "Center",
-            "group": "Position"
+            "type": "range",
+            "min": 1,
+            "max": 8,
+            "step": 1,
+            "label": "Octaves",
+            "group": "Effect"
           }
         },
-        "zoom": {
-          "default": 50,
-          "description": "Camera zoom level",
+        "detail": {
+          "default": 2,
+          "description": "How much finer each successive octave becomes",
           "ui": {
             "type": [
               "range",
               "map"
             ],
-            "min": 10,
-            "max": 200,
-            "step": 1,
-            "label": "Zoom",
-            "group": "Scene"
+            "min": 1,
+            "max": 4,
+            "step": 0.1,
+            "label": "Detail",
+            "group": "Effect"
           }
         },
-        "glossiness": {
-          "default": 50,
-          "description": "Specular highlight intensity and sharpness",
+        "contrast": {
+          "default": 0.5,
+          "description": "How strongly finer octaves contribute — higher values create more texture contrast",
           "ui": {
             "type": [
               "range",
               "map"
             ],
+            "min": 0.1,
+            "max": 1,
+            "step": 0.05,
+            "label": "Contrast",
+            "group": "Effect"
+          }
+        },
+        "speed": {
+          "default": 0.15,
+          "description": "Speed at which the noise pattern evolves in place",
+          "ui": {
+            "type": "range",
             "min": 0,
-            "max": 200,
+            "max": 1,
+            "step": 0.01,
+            "label": "Speed",
+            "group": "Animation"
+          }
+        },
+        "angle": {
+          "default": 0,
+          "description": "Rotation angle in degrees",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": -180,
+            "max": 180,
             "step": 1,
-            "label": "Glossiness",
-            "group": "Lighting"
+            "label": "Angle",
+            "group": "Effect"
           }
         },
-        "lighting": {
-          "default": 50,
-          "description": "Overall intensity of lighting effects",
+        "seed": {
+          "default": 0,
+          "description": "Random seed for pattern variation",
           "ui": {
             "type": [
               "range",
               "map"
             ],
             "min": 0,
-            "max": 200,
+            "max": 100,
             "step": 1,
-            "label": "Lighting",
-            "group": "Lighting"
+            "label": "Seed",
+            "group": "Effect"
           }
         },
-        "uvMode": {
-          "default": "stretch",
-          "description": "How to handle UV coordinates at shape boundaries",
+        "colorSpace": {
+          "default": "linear",
+          "compileTime": true,
+          "description": "Color space for interpolation",
           "ui": {
             "type": "select",
             "options": [
               {
-                "label": "Stretch",
-                "value": "stretch"
+                "label": "Linear RGB",
+                "value": "linear"
               },
               {
-                "label": "Mirror",
-                "value": "mirror"
+                "label": "OKLCh",
+                "value": "oklch"
               },
               {
-                "label": "Wrap",
-                "value": "wrap"
+                "label": "OKLAB",
+                "value": "oklab"
+              },
+              {
+                "label": "HSL",
+                "value": "hsl"
+              },
+              {
+                "label": "HSV",
+                "value": "hsv"
+              },
+              {
+                "label": "LCH",
+                "value": "lch"
               }
             ],
-            "label": "UV Edges",
-            "group": "Scene"
-          }
-        },
-        "speed": {
-          "default": 1,
-          "description": "Animation speed — scales all spin rates",
-          "ui": {
-            "type": "range",
-            "min": -10,
-            "max": 10,
-            "step": 0.1,
-            "label": "Speed",
-            "group": "Animation"
+            "label": "Color Space",
+            "group": "Colors"
           }
         }
       }
     },
     "propsMetadata": {
-      "shape3d": {
+      "colorA": {
         "ui": {
-          "type": "shape3d",
-          "label": "Shape",
-          "group": "Shape"
+          "type": "color",
+          "label": "Color A",
+          "group": "Colors"
         },
-        "default": "{\"type\":\"ribbon\",\"angle\":0,\"twist\":50,\"width\":40,\"thickness\":20,\"seed\":0}",
-        "description": "3D shape and its parameters"
+        "default": "#000000",
+        "description": "First color"
       },
-      "center": {
+      "colorB": {
         "ui": {
-          "type": "position",
-          "label": "Center",
-          "group": "Position"
+          "type": "color",
+          "label": "Color B",
+          "group": "Colors"
         },
-        "default": {
-          "x": 0.5,
-          "y": 0.5
+        "default": "#ffffff",
+        "description": "Second color"
+      },
+      "octaves": {
+        "ui": {
+          "type": "range",
+          "min": 1,
+          "max": 8,
+          "step": 1,
+          "label": "Octaves",
+          "group": "Effect"
         },
-        "description": "Center position of the shape on screen"
+        "default": 4,
+        "description": "Number of noise octaves (more = more detail)"
       },
-      "zoom": {
+      "detail": {
         "ui": {
           "type": [
             "range",
             "map"
           ],
-          "min": 10,
-          "max": 200,
-          "step": 1,
-          "label": "Zoom",
-          "group": "Scene"
+          "min": 1,
+          "max": 4,
+          "step": 0.1,
+          "label": "Detail",
+          "group": "Effect"
         },
-        "default": 50,
-        "description": "Camera zoom level"
+        "default": 2,
+        "description": "How much finer each successive octave becomes"
       },
-      "glossiness": {
+      "contrast": {
         "ui": {
           "type": [
             "range",
             "map"
           ],
+          "min": 0.1,
+          "max": 1,
+          "step": 0.05,
+          "label": "Contrast",
+          "group": "Effect"
+        },
+        "default": 0.5,
+        "description": "How strongly finer octaves contribute — higher values create more texture contrast"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
           "min": 0,
-          "max": 200,
+          "max": 1,
+          "step": 0.01,
+          "label": "Speed",
+          "group": "Animation"
+        },
+        "default": 0.15,
+        "description": "Speed at which the noise pattern evolves in place"
+      },
+      "angle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": -180,
+          "max": 180,
           "step": 1,
-          "label": "Glossiness",
-          "group": "Lighting"
+          "label": "Angle",
+          "group": "Effect"
         },
-        "default": 50,
-        "description": "Specular highlight intensity and sharpness"
+        "default": 0,
+        "description": "Rotation angle in degrees"
       },
-      "lighting": {
+      "seed": {
         "ui": {
           "type": [
             "range",
             "map"
           ],
           "min": 0,
-          "max": 200,
+          "max": 100,
           "step": 1,
-          "label": "Lighting",
-          "group": "Lighting"
+          "label": "Seed",
+          "group": "Effect"
         },
-        "default": 50,
-        "description": "Overall intensity of lighting effects"
+        "default": 0,
+        "description": "Random seed for pattern variation"
       },
-      "uvMode": {
+      "colorSpace": {
         "ui": {
           "type": "select",
           "options": [
             {
-              "label": "Stretch",
-              "value": "stretch"
+              "label": "Linear RGB",
+              "value": "linear"
+            },
+            {
+              "label": "OKLCh",
+              "value": "oklch"
             },
             {
-              "label": "Mirror",
-              "value": "mirror"
+              "label": "OKLAB",
+              "value": "oklab"
             },
             {
-              "label": "Wrap",
-              "value": "wrap"
+              "label": "HSL",
+              "value": "hsl"
+            },
+            {
+              "label": "HSV",
+              "value": "hsv"
+            },
+            {
+              "label": "LCH",
+              "value": "lch"
             }
           ],
-          "label": "UV Edges",
-          "group": "Scene"
-        },
-        "default": "stretch",
-        "description": "How to handle UV coordinates at shape boundaries"
-      },
-      "speed": {
-        "ui": {
-          "type": "range",
-          "min": -10,
-          "max": 10,
-          "step": 0.1,
-          "label": "Speed",
-          "group": "Animation"
+          "label": "Color Space",
+          "group": "Colors"
         },
-        "default": 1,
-        "description": "Animation speed — scales all spin rates"
+        "default": "linear",
+        "description": "Color space for interpolation"
       }
     }
   },
@@ -12746,62 +14181,316 @@ export const shaderRegistry = [
           "min": 1,
           "max": 30,
           "step": 0.5,
-          "label": "Stiffness",
+          "label": "Stiffness",
+          "group": "Effect"
+        },
+        "default": 3,
+        "description": "Fabric rigidity (higher = stiffer canvas, lower = stretchy silk)"
+      },
+      "damping": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 10,
+          "step": 0.1,
+          "label": "Damping",
+          "group": "Effect"
+        },
+        "default": 3,
+        "description": "How quickly fabric motion settles"
+      },
+      "radius": {
+        "ui": {
+          "type": "range",
+          "min": 0.1,
+          "max": 1.5,
+          "step": 0.1,
+          "label": "Radius",
+          "group": "Effect"
+        },
+        "default": 1,
+        "description": "Cursor influence area"
+      },
+      "edges": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Stretch",
+              "value": "stretch"
+            },
+            {
+              "label": "Transparent",
+              "value": "transparent"
+            },
+            {
+              "label": "Mirror",
+              "value": "mirror"
+            },
+            {
+              "label": "Wrap",
+              "value": "wrap"
+            }
+          ],
+          "label": "Edges",
+          "group": "Effect"
+        },
+        "default": "stretch",
+        "description": "How to handle edges when distortion pushes content out of bounds"
+      }
+    }
+  },
+  {
+    "name": "Marble",
+    "category": "Textures",
+    "description": "Classic marble swirl and vein texture using noise-warped sine waves",
+    "fileName": "Marble",
+    "definition": {
+      "name": "Marble",
+      "category": "Textures",
+      "description": "Classic marble swirl and vein texture using noise-warped sine waves",
+      "props": {
+        "colorA": {
+          "default": "#ffffff",
+          "description": "Base background color of the marble",
+          "ui": {
+            "type": "color",
+            "label": "Base",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#3a2d54",
+          "description": "Secondary marble tone",
+          "ui": {
+            "type": "color",
+            "label": "Tone",
+            "group": "Colors"
+          }
+        },
+        "colorC": {
+          "default": "#0f0f0f",
+          "description": "Deepest marble color",
+          "ui": {
+            "type": "color",
+            "label": "Depth",
+            "group": "Colors"
+          }
+        },
+        "scale": {
+          "default": 2,
+          "description": "Scale and density of the marble vein pattern",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0.1,
+            "max": 10,
+            "step": 0.1,
+            "label": "Scale",
+            "group": "Effect"
+          }
+        },
+        "turbulence": {
+          "default": 10,
+          "description": "Amount of noise-driven distortion applied to the veins",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 50,
+            "step": 0.5,
+            "label": "Turbulence",
+            "group": "Effect"
+          }
+        },
+        "speed": {
+          "default": 0.05,
+          "description": "Animation speed",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 0.25,
+            "step": 0.005,
+            "label": "Speed",
+            "group": "Animation"
+          }
+        },
+        "seed": {
+          "default": 0,
+          "description": "Random seed for pattern variation",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Seed",
+            "group": "Effect"
+          }
+        },
+        "colorSpace": {
+          "default": "linear",
+          "compileTime": true,
+          "description": "Color space for color interpolation",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Linear RGB",
+                "value": "linear"
+              },
+              {
+                "label": "OKLCh",
+                "value": "oklch"
+              },
+              {
+                "label": "OKLAB",
+                "value": "oklab"
+              },
+              {
+                "label": "HSL",
+                "value": "hsl"
+              },
+              {
+                "label": "HSV",
+                "value": "hsv"
+              },
+              {
+                "label": "LCH",
+                "value": "lch"
+              }
+            ],
+            "label": "Color Space",
+            "group": "Colors"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "colorA": {
+        "ui": {
+          "type": "color",
+          "label": "Base",
+          "group": "Colors"
+        },
+        "default": "#ffffff",
+        "description": "Base background color of the marble"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Tone",
+          "group": "Colors"
+        },
+        "default": "#3a2d54",
+        "description": "Secondary marble tone"
+      },
+      "colorC": {
+        "ui": {
+          "type": "color",
+          "label": "Depth",
+          "group": "Colors"
+        },
+        "default": "#0f0f0f",
+        "description": "Deepest marble color"
+      },
+      "scale": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0.1,
+          "max": 10,
+          "step": 0.1,
+          "label": "Scale",
+          "group": "Effect"
+        },
+        "default": 2,
+        "description": "Scale and density of the marble vein pattern"
+      },
+      "turbulence": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 50,
+          "step": 0.5,
+          "label": "Turbulence",
           "group": "Effect"
         },
-        "default": 3,
-        "description": "Fabric rigidity (higher = stiffer canvas, lower = stretchy silk)"
+        "default": 10,
+        "description": "Amount of noise-driven distortion applied to the veins"
       },
-      "damping": {
+      "speed": {
         "ui": {
           "type": "range",
           "min": 0,
-          "max": 10,
-          "step": 0.1,
-          "label": "Damping",
-          "group": "Effect"
+          "max": 0.25,
+          "step": 0.005,
+          "label": "Speed",
+          "group": "Animation"
         },
-        "default": 3,
-        "description": "How quickly fabric motion settles"
+        "default": 0.05,
+        "description": "Animation speed"
       },
-      "radius": {
+      "seed": {
         "ui": {
-          "type": "range",
-          "min": 0.1,
-          "max": 1.5,
-          "step": 0.1,
-          "label": "Radius",
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Seed",
           "group": "Effect"
         },
-        "default": 1,
-        "description": "Cursor influence area"
+        "default": 0,
+        "description": "Random seed for pattern variation"
       },
-      "edges": {
+      "colorSpace": {
         "ui": {
           "type": "select",
           "options": [
             {
-              "label": "Stretch",
-              "value": "stretch"
+              "label": "Linear RGB",
+              "value": "linear"
             },
             {
-              "label": "Transparent",
-              "value": "transparent"
+              "label": "OKLCh",
+              "value": "oklch"
             },
             {
-              "label": "Mirror",
-              "value": "mirror"
+              "label": "OKLAB",
+              "value": "oklab"
             },
             {
-              "label": "Wrap",
-              "value": "wrap"
+              "label": "HSL",
+              "value": "hsl"
+            },
+            {
+              "label": "HSV",
+              "value": "hsv"
+            },
+            {
+              "label": "LCH",
+              "value": "lch"
             }
           ],
-          "label": "Edges",
-          "group": "Effect"
+          "label": "Color Space",
+          "group": "Colors"
         },
-        "default": "stretch",
-        "description": "How to handle edges when distortion pushes content out of bounds"
+        "default": "linear",
+        "description": "Color space for color interpolation"
       }
     }
   },
@@ -20336,6 +22025,219 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "SunBurst",
+    "category": "Textures",
+    "description": "Radial sunburst rays emanating from a center point",
+    "fileName": "SunBurst",
+    "definition": {
+      "name": "SunBurst",
+      "category": "Textures",
+      "description": "Radial sunburst rays emanating from a center point",
+      "props": {
+        "color": {
+          "default": "#ffdd88",
+          "description": "Ray color",
+          "ui": {
+            "type": "color",
+            "label": "Color",
+            "group": "Colors"
+          }
+        },
+        "background": {
+          "default": "#000000",
+          "description": "Background color",
+          "ui": {
+            "type": "color",
+            "label": "Background",
+            "group": "Colors"
+          }
+        },
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "Center point of the sunburst",
+          "ui": {
+            "type": "position",
+            "label": "Center",
+            "group": "Position"
+          }
+        },
+        "rayCount": {
+          "default": 12,
+          "description": "Number of rays",
+          "ui": {
+            "type": "range",
+            "min": 3,
+            "max": 64,
+            "step": 1,
+            "label": "Ray Count",
+            "group": "Effect"
+          }
+        },
+        "softness": {
+          "default": 0.3,
+          "description": "Softness of ray edges",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Softness",
+            "group": "Effect"
+          }
+        },
+        "radius": {
+          "default": 0.8,
+          "description": "How far the rays extend from the center",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1.2,
+            "step": 0.01,
+            "label": "Radius",
+            "group": "Effect"
+          }
+        },
+        "feather": {
+          "default": 0.5,
+          "description": "How gradually the rays fade at their outer edge",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 5,
+            "step": 0.01,
+            "label": "Feather",
+            "group": "Effect"
+          }
+        },
+        "speed": {
+          "default": 0.2,
+          "description": "Rotation speed — positive values rotate clockwise",
+          "ui": {
+            "type": "range",
+            "min": -2,
+            "max": 2,
+            "step": 0.1,
+            "label": "Speed",
+            "group": "Animation"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "color": {
+        "ui": {
+          "type": "color",
+          "label": "Color",
+          "group": "Colors"
+        },
+        "default": "#ffdd88",
+        "description": "Ray color"
+      },
+      "background": {
+        "ui": {
+          "type": "color",
+          "label": "Background",
+          "group": "Colors"
+        },
+        "default": "#000000",
+        "description": "Background color"
+      },
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center",
+          "group": "Position"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "Center point of the sunburst"
+      },
+      "rayCount": {
+        "ui": {
+          "type": "range",
+          "min": 3,
+          "max": 64,
+          "step": 1,
+          "label": "Ray Count",
+          "group": "Effect"
+        },
+        "default": 12,
+        "description": "Number of rays"
+      },
+      "softness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Softness",
+          "group": "Effect"
+        },
+        "default": 0.3,
+        "description": "Softness of ray edges"
+      },
+      "radius": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1.2,
+          "step": 0.01,
+          "label": "Radius",
+          "group": "Effect"
+        },
+        "default": 0.8,
+        "description": "How far the rays extend from the center"
+      },
+      "feather": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 5,
+          "step": 0.01,
+          "label": "Feather",
+          "group": "Effect"
+        },
+        "default": 0.5,
+        "description": "How gradually the rays fade at their outer edge"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": -2,
+          "max": 2,
+          "step": 0.1,
+          "label": "Speed",
+          "group": "Animation"
+        },
+        "default": 0.2,
+        "description": "Rotation speed — positive values rotate clockwise"
+      }
+    }
+  },
   {
     "name": "Swirl",
     "category": "Textures",