shaders 2.5.87 → 2.5.89

package/dist/registry.js

@@ -2984,6 +2984,212 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "ConicGradient",
+    "category": "Textures",
+    "description": "Colors sweep in a full circle around a center point, like a color wheel",
+    "fileName": "ConicGradient",
+    "definition": {
+      "name": "ConicGradient",
+      "category": "Textures",
+      "description": "Colors sweep in a full circle around a center point, like a color wheel",
+      "props": {
+        "colorA": {
+          "default": "#FF0080",
+          "description": "Starting color of the sweep",
+          "ui": {
+            "type": "color",
+            "label": "Color A",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#00BFFF",
+          "description": "Ending color of the sweep (wraps back to Color A)",
+          "ui": {
+            "type": "color",
+            "label": "Color B",
+            "group": "Colors"
+          }
+        },
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "Center point of the sweep",
+          "ui": {
+            "type": "position",
+            "label": "Center",
+            "group": "Position"
+          }
+        },
+        "rotation": {
+          "default": 0,
+          "description": "Rotation offset in degrees — shifts where Color A begins",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Rotation",
+            "group": "Effect"
+          }
+        },
+        "repeat": {
+          "default": 1,
+          "description": "Number of times the gradient repeats around the circle. Values above 1 create a starburst pattern.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 1,
+            "max": 24,
+            "step": 1,
+            "label": "Repeat",
+            "group": "Effect"
+          }
+        },
+        "colorSpace": {
+          "default": "oklch",
+          "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": "Color A",
+          "group": "Colors"
+        },
+        "default": "#FF0080",
+        "description": "Starting color of the sweep"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Color B",
+          "group": "Colors"
+        },
+        "default": "#00BFFF",
+        "description": "Ending color of the sweep (wraps back to Color A)"
+      },
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center",
+          "group": "Position"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "Center point of the sweep"
+      },
+      "rotation": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Rotation",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Rotation offset in degrees — shifts where Color A begins"
+      },
+      "repeat": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 1,
+          "max": 24,
+          "step": 1,
+          "label": "Repeat",
+          "group": "Effect"
+        },
+        "default": 1,
+        "description": "Number of times the gradient repeats around the circle. Values above 1 create a starburst pattern."
+      },
+      "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": "oklch",
+        "description": "Color space for color interpolation"
+      }
+    }
+  },
   {
     "name": "ContourLines",
     "category": "Stylize",
@@ -5017,48 +5223,314 @@ export const shaderRegistry = [
     }
   },
   {
-    "name": "DiffuseBlur",
-    "category": "Blurs",
-    "description": "Grain-like pixel displacement at random",
-    "fileName": "DiffuseBlur",
-    "requiresChild": true,
+    "name": "DiamondGradient",
+    "category": "Textures",
+    "description": "Diamond-shaped gradient radiating from a center point using Manhattan distance",
+    "fileName": "DiamondGradient",
     "definition": {
-      "name": "DiffuseBlur",
-      "category": "Blurs",
-      "description": "Grain-like pixel displacement at random",
-      "requiresRTT": true,
-      "requiresChild": true,
+      "name": "DiamondGradient",
+      "category": "Textures",
+      "description": "Diamond-shaped gradient radiating from a center point using Manhattan distance",
       "props": {
-        "intensity": {
-          "default": 30,
-          "description": "Intensity of the diffuse blur effect",
+        "colorA": {
+          "default": "#4ffb4a",
+          "description": "Color at the center of the diamond",
+          "ui": {
+            "type": "color",
+            "label": "Color A (Center)",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#4f1238",
+          "description": "Color at the outer edges of the diamond",
+          "ui": {
+            "type": "color",
+            "label": "Color B (Edge)",
+            "group": "Colors"
+          }
+        },
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "Center point of the diamond",
+          "ui": {
+            "type": "position",
+            "label": "Center",
+            "group": "Position"
+          }
+        },
+        "size": {
+          "default": 0.7,
+          "description": "Extent of the gradient — controls how far Color A reaches before transitioning to Color B",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0.01,
+            "max": 2,
+            "step": 0.01,
+            "label": "Size",
+            "group": "Effect"
+          }
+        },
+        "rotation": {
+          "default": 0,
+          "description": "Rotation in degrees — tilts the diamond into a rhombus",
           "ui": {
             "type": [
               "range",
               "map"
             ],
             "min": 0,
-            "max": 100,
+            "max": 360,
             "step": 1,
-            "label": "Intensity",
+            "label": "Rotation",
             "group": "Effect"
           }
         },
-        "edges": {
-          "default": "stretch",
-          "description": "How to handle edges when distortion pushes content out of bounds",
-          "compileTime": true,
+        "repeat": {
+          "default": 1,
+          "description": "Number of times the gradient repeats outward. Values above 1 create concentric diamond or square bands.",
           "ui": {
-            "type": "select",
-            "options": [
-              {
-                "label": "Stretch",
-                "value": "stretch"
-              },
-              {
-                "label": "Transparent",
-                "value": "transparent"
-              },
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 1,
+            "max": 16,
+            "step": 0.5,
+            "label": "Repeat",
+            "group": "Effect"
+          }
+        },
+        "roundness": {
+          "default": 0,
+          "description": "Morphs from a sharp diamond (0) to a square (1)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Roundness",
+            "group": "Effect"
+          }
+        },
+        "colorSpace": {
+          "default": "oklch",
+          "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": "Color A (Center)",
+          "group": "Colors"
+        },
+        "default": "#4ffb4a",
+        "description": "Color at the center of the diamond"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Color B (Edge)",
+          "group": "Colors"
+        },
+        "default": "#4f1238",
+        "description": "Color at the outer edges of the diamond"
+      },
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center",
+          "group": "Position"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "Center point of the diamond"
+      },
+      "size": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0.01,
+          "max": 2,
+          "step": 0.01,
+          "label": "Size",
+          "group": "Effect"
+        },
+        "default": 0.7,
+        "description": "Extent of the gradient — controls how far Color A reaches before transitioning to Color B"
+      },
+      "rotation": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Rotation",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Rotation in degrees — tilts the diamond into a rhombus"
+      },
+      "repeat": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 1,
+          "max": 16,
+          "step": 0.5,
+          "label": "Repeat",
+          "group": "Effect"
+        },
+        "default": 1,
+        "description": "Number of times the gradient repeats outward. Values above 1 create concentric diamond or square bands."
+      },
+      "roundness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Roundness",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Morphs from a sharp diamond (0) to a square (1)"
+      },
+      "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": "oklch",
+        "description": "Color space for color interpolation"
+      }
+    }
+  },
+  {
+    "name": "DiffuseBlur",
+    "category": "Blurs",
+    "description": "Grain-like pixel displacement at random",
+    "fileName": "DiffuseBlur",
+    "requiresChild": true,
+    "definition": {
+      "name": "DiffuseBlur",
+      "category": "Blurs",
+      "description": "Grain-like pixel displacement at random",
+      "requiresRTT": true,
+      "requiresChild": true,
+      "props": {
+        "intensity": {
+          "default": 30,
+          "description": "Intensity of the diffuse blur effect",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Intensity",
+            "group": "Effect"
+          }
+        },
+        "edges": {
+          "default": "stretch",
+          "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"
@@ -5497,39 +5969,30 @@ export const shaderRegistry = [
     }
   },
   {
-    "name": "Duotone",
-    "category": "Adjustments",
-    "description": "Map colors to two tones based on luminance",
-    "fileName": "Duotone",
+    "name": "DropShadow",
+    "category": "Stylize",
+    "description": "Adds a soft shadow behind the child content based on its alpha silhouette",
+    "fileName": "DropShadow",
     "requiresChild": true,
     "definition": {
-      "name": "Duotone",
-      "category": "Adjustments",
-      "description": "Map colors to two tones based on luminance",
+      "name": "DropShadow",
+      "category": "Stylize",
+      "description": "Adds a soft shadow behind the child content based on its alpha silhouette",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
-        "colorA": {
-          "default": "#ff0000",
-          "description": "First color (used for darker areas)",
-          "ui": {
-            "type": "color",
-            "label": "Color A",
-            "group": "Colors"
-          }
-        },
-        "colorB": {
-          "default": "#023af4",
-          "description": "Second color (used for brighter areas)",
+        "color": {
+          "default": "#000000",
+          "description": "Shadow color",
           "ui": {
             "type": "color",
-            "label": "Color B",
+            "label": "Color",
             "group": "Colors"
           }
         },
-        "blend": {
-          "default": 0.5,
-          "description": "Blend point between the two colors",
+        "distance": {
+          "default": 0.1,
+          "description": "How far the shadow is offset from the content",
           "ui": {
             "type": [
               "range",
@@ -5537,15 +6000,180 @@ export const shaderRegistry = [
             ],
             "min": 0,
             "max": 1,
-            "step": 0.1,
-            "label": "Blend",
+            "step": 0.005,
+            "label": "Distance",
             "group": "Effect"
           }
         },
-        "colorSpace": {
-          "default": "linear",
-          "compileTime": true,
-          "description": "Color space for color interpolation",
+        "angle": {
+          "default": 135,
+          "description": "Direction the shadow is cast (compass degrees: 0=up, 90=right, 135=lower-right, 180=down)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Angle",
+            "group": "Effect"
+          }
+        },
+        "blur": {
+          "default": 5,
+          "description": "Shadow softness (blur radius in pixels)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 20,
+            "step": 0.5,
+            "label": "Blur",
+            "group": "Effect"
+          }
+        },
+        "intensity": {
+          "default": 0.5,
+          "description": "Shadow intensity — how strong/visible the shadow is",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Intensity",
+            "group": "Effect"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "color": {
+        "ui": {
+          "type": "color",
+          "label": "Color",
+          "group": "Colors"
+        },
+        "default": "#000000",
+        "description": "Shadow color"
+      },
+      "distance": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.005,
+          "label": "Distance",
+          "group": "Effect"
+        },
+        "default": 0.1,
+        "description": "How far the shadow is offset from the content"
+      },
+      "angle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Angle",
+          "group": "Effect"
+        },
+        "default": 135,
+        "description": "Direction the shadow is cast (compass degrees: 0=up, 90=right, 135=lower-right, 180=down)"
+      },
+      "blur": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 20,
+          "step": 0.5,
+          "label": "Blur",
+          "group": "Effect"
+        },
+        "default": 5,
+        "description": "Shadow softness (blur radius in pixels)"
+      },
+      "intensity": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Intensity",
+          "group": "Effect"
+        },
+        "default": 0.5,
+        "description": "Shadow intensity — how strong/visible the shadow is"
+      }
+    }
+  },
+  {
+    "name": "Duotone",
+    "category": "Adjustments",
+    "description": "Map colors to two tones based on luminance",
+    "fileName": "Duotone",
+    "requiresChild": true,
+    "definition": {
+      "name": "Duotone",
+      "category": "Adjustments",
+      "description": "Map colors to two tones based on luminance",
+      "requiresRTT": true,
+      "requiresChild": true,
+      "props": {
+        "colorA": {
+          "default": "#ff0000",
+          "description": "First color (used for darker areas)",
+          "ui": {
+            "type": "color",
+            "label": "Color A",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#023af4",
+          "description": "Second color (used for brighter areas)",
+          "ui": {
+            "type": "color",
+            "label": "Color B",
+            "group": "Colors"
+          }
+        },
+        "blend": {
+          "default": 0.5,
+          "description": "Blend point between the two colors",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.1,
+            "label": "Blend",
+            "group": "Effect"
+          }
+        },
+        "colorSpace": {
+          "default": "linear",
+          "compileTime": true,
+          "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
             "options": [
@@ -8987,12 +9615,12 @@ export const shaderRegistry = [
   {
     "name": "Grid",
     "category": "Textures",
-    "description": "Simple grid lines pattern with adjustable thickness",
+    "description": "Simple grid lines pattern with adjustable thickness and rotation",
     "fileName": "Grid",
     "definition": {
       "name": "Grid",
       "category": "Textures",
-      "description": "Simple grid lines pattern with adjustable thickness",
+      "description": "Simple grid lines pattern with adjustable thickness and rotation",
       "props": {
         "color": {
           "default": "#ffffff",
@@ -9032,6 +9660,21 @@ export const shaderRegistry = [
             "label": "Thickness",
             "group": "Effect"
           }
+        },
+        "rotation": {
+          "default": 0,
+          "description": "Rotation of the grid in degrees. At 45° this produces a crosshatch/diamond pattern.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Rotation",
+            "group": "Effect"
+          }
         }
       }
     },
@@ -9074,6 +9717,21 @@ export const shaderRegistry = [
         },
         "default": 1,
         "description": "Thickness of grid lines (normalized, 0.0-1.0)"
+      },
+      "rotation": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Rotation",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Rotation of the grid in degrees. At 45° this produces a crosshatch/diamond pattern."
       }
     }
   },
@@ -9375,64 +10033,246 @@ export const shaderRegistry = [
     }
   },
   {
-    "name": "HueShift",
-    "category": "Adjustments",
-    "description": "Rotate hue around the color wheel",
-    "fileName": "HueShift",
-    "requiresChild": true,
+    "name": "HexGrid",
+    "category": "Textures",
+    "description": "Honeycomb hexagonal grid pattern",
+    "fileName": "HexGrid",
     "definition": {
-      "name": "HueShift",
-      "category": "Adjustments",
-      "description": "Rotate hue around the color wheel",
-      "requiresChild": true,
+      "name": "HexGrid",
+      "category": "Textures",
+      "description": "Honeycomb hexagonal grid pattern",
       "props": {
-        "shift": {
-          "default": 0,
-          "description": "The amount to shift the hue by",
+        "colorA": {
+          "default": "#000000",
+          "description": "Cell fill color",
+          "ui": {
+            "type": "color",
+            "label": "Color A",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#ffffff",
+          "description": "Grid line color",
+          "ui": {
+            "type": "color",
+            "label": "Color B",
+            "group": "Colors"
+          }
+        },
+        "cells": {
+          "default": 8,
+          "description": "Number of hexagons across the shortest canvas edge",
           "ui": {
             "type": [
               "range",
               "map"
             ],
-            "min": -180,
-            "max": 180,
+            "min": 1,
+            "max": 40,
             "step": 1,
-            "label": "Shift",
-            "group": "Appearance"
+            "label": "Cells",
+            "group": "Effect"
           }
-        }
-      }
-    },
-    "propsMetadata": {
-      "shift": {
-        "ui": {
-          "type": [
-            "range",
-            "map"
-          ],
-          "min": -180,
-          "max": 180,
-          "step": 1,
-          "label": "Shift",
-          "group": "Appearance"
         },
-        "default": 0,
-        "description": "The amount to shift the hue by"
-      }
-    }
-  },
-  {
-    "name": "ImageTexture",
-    "category": "Textures",
-    "description": "Display an image with customizable object-fit modes",
-    "fileName": "ImageTexture",
-    "definition": {
-      "name": "ImageTexture",
-      "category": "Textures",
-      "description": "Display an image with customizable object-fit modes",
-      "props": {
-        "url": {
-          "default": "https://shaders.com/sample.jpg",
+        "thickness": {
+          "default": 1,
+          "description": "Thickness of the hex grid lines",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 10,
+            "step": 0.1,
+            "label": "Thickness",
+            "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": "Color A",
+          "group": "Colors"
+        },
+        "default": "#000000",
+        "description": "Cell fill color"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Color B",
+          "group": "Colors"
+        },
+        "default": "#ffffff",
+        "description": "Grid line color"
+      },
+      "cells": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 1,
+          "max": 40,
+          "step": 1,
+          "label": "Cells",
+          "group": "Effect"
+        },
+        "default": 8,
+        "description": "Number of hexagons across the shortest canvas edge"
+      },
+      "thickness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 10,
+          "step": 0.1,
+          "label": "Thickness",
+          "group": "Effect"
+        },
+        "default": 1,
+        "description": "Thickness of the hex grid lines"
+      },
+      "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 color interpolation"
+      }
+    }
+  },
+  {
+    "name": "HueShift",
+    "category": "Adjustments",
+    "description": "Rotate hue around the color wheel",
+    "fileName": "HueShift",
+    "requiresChild": true,
+    "definition": {
+      "name": "HueShift",
+      "category": "Adjustments",
+      "description": "Rotate hue around the color wheel",
+      "requiresChild": true,
+      "props": {
+        "shift": {
+          "default": 0,
+          "description": "The amount to shift the hue by",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": -180,
+            "max": 180,
+            "step": 1,
+            "label": "Shift",
+            "group": "Appearance"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "shift": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": -180,
+          "max": 180,
+          "step": 1,
+          "label": "Shift",
+          "group": "Appearance"
+        },
+        "default": 0,
+        "description": "The amount to shift the hue by"
+      }
+    }
+  },
+  {
+    "name": "ImageTexture",
+    "category": "Textures",
+    "description": "Display an image with customizable object-fit modes",
+    "fileName": "ImageTexture",
+    "definition": {
+      "name": "ImageTexture",
+      "category": "Textures",
+      "description": "Display an image with customizable object-fit modes",
+      "props": {
+        "url": {
+          "default": "https://shaders.com/sample.jpg",
           "description": "Upload an image or provide a URL",
           "ui": {
             "type": "image-upload",
@@ -10825,65 +11665,320 @@ export const shaderRegistry = [
     }
   },
   {
-    "name": "Neon",
-    "category": "Shape Effects",
-    "description": "Photorealistic neon tube / 3D pipe effect driven by a custom shape",
-    "fileName": "Neon",
+    "name": "MultiPointGradient",
+    "category": "Textures",
+    "description": "Five individually placed color points blended together by proximity — drag each point to shape the gradient",
+    "fileName": "MultiPointGradient",
     "definition": {
-      "name": "Neon",
-      "category": "Shape Effects",
-      "description": "Photorealistic neon tube / 3D pipe effect driven by a custom shape",
+      "name": "MultiPointGradient",
+      "category": "Textures",
+      "description": "Five individually placed color points blended together by proximity — drag each point to shape the gradient",
       "props": {
-        "center": {
+        "colorA": {
+          "default": "#4776E6",
+          "description": "Color of control point A",
+          "ui": {
+            "type": "color",
+            "label": "Color",
+            "group": "Point A"
+          }
+        },
+        "positionA": {
           "default": {
-            "x": 0.5,
-            "y": 0.5
+            "x": 0.2,
+            "y": 0.2
           },
-          "description": "Center position of the neon shape",
+          "description": "Position of control point A",
           "ui": {
             "type": "position",
-            "label": "Center",
-            "group": "Position"
+            "label": "Position",
+            "group": "Point A"
           }
         },
-        "scale": {
-          "default": 1,
-          "description": "Scale of the neon shape (1 = default size)",
+        "colorB": {
+          "default": "#C44DFF",
+          "description": "Color of control point B",
           "ui": {
-            "type": "range",
-            "min": 0.1,
-            "max": 3,
-            "step": 0.05,
-            "label": "Scale",
-            "group": "Position"
+            "type": "color",
+            "label": "Color",
+            "group": "Point B"
           }
         },
-        "color": {
-          "default": "#00ddff",
-          "description": "Primary neon tube color",
+        "positionB": {
+          "default": {
+            "x": 0.8,
+            "y": 0.2
+          },
+          "description": "Position of control point B",
           "ui": {
-            "type": "color",
-            "label": "Tube Color",
-            "group": "Colors"
+            "type": "position",
+            "label": "Position",
+            "group": "Point B"
           }
         },
-        "secondaryColor": {
-          "default": "#ff00aa",
-          "description": "Shadow-side color for a two-tone / dual-lit pipe look",
+        "colorC": {
+          "default": "#1ABC9C",
+          "description": "Color of control point C",
           "ui": {
             "type": "color",
-            "label": "Secondary Color",
-            "group": "Colors"
+            "label": "Color",
+            "group": "Point C"
           }
         },
-        "secondaryBlend": {
-          "default": 0.5,
-          "description": "Blend between mono (0) and two-tone (1) tube coloring",
+        "positionC": {
+          "default": {
+            "x": 0.2,
+            "y": 0.8
+          },
+          "description": "Position of control point C",
           "ui": {
-            "type": "range",
-            "min": 0,
-            "max": 1,
-            "step": 0.01,
+            "type": "position",
+            "label": "Position",
+            "group": "Point C"
+          }
+        },
+        "colorD": {
+          "default": "#F8BBD9",
+          "description": "Color of control point D",
+          "ui": {
+            "type": "color",
+            "label": "Color",
+            "group": "Point D"
+          }
+        },
+        "positionD": {
+          "default": {
+            "x": 0.8,
+            "y": 0.8
+          },
+          "description": "Position of control point D",
+          "ui": {
+            "type": "position",
+            "label": "Position",
+            "group": "Point D"
+          }
+        },
+        "colorE": {
+          "default": "#FF8C42",
+          "description": "Color of control point E",
+          "ui": {
+            "type": "color",
+            "label": "Color",
+            "group": "Point E"
+          }
+        },
+        "positionE": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "Position of control point E",
+          "ui": {
+            "type": "position",
+            "label": "Position",
+            "group": "Point E"
+          }
+        },
+        "smoothness": {
+          "default": 2,
+          "description": "Controls how smoothly colors blend.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 5,
+            "step": 0.05,
+            "label": "Smoothness",
+            "group": "Effect"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "colorA": {
+        "ui": {
+          "type": "color",
+          "label": "Color",
+          "group": "Point A"
+        },
+        "default": "#4776E6",
+        "description": "Color of control point A"
+      },
+      "positionA": {
+        "ui": {
+          "type": "position",
+          "label": "Position",
+          "group": "Point A"
+        },
+        "default": {
+          "x": 0.2,
+          "y": 0.2
+        },
+        "description": "Position of control point A"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Color",
+          "group": "Point B"
+        },
+        "default": "#C44DFF",
+        "description": "Color of control point B"
+      },
+      "positionB": {
+        "ui": {
+          "type": "position",
+          "label": "Position",
+          "group": "Point B"
+        },
+        "default": {
+          "x": 0.8,
+          "y": 0.2
+        },
+        "description": "Position of control point B"
+      },
+      "colorC": {
+        "ui": {
+          "type": "color",
+          "label": "Color",
+          "group": "Point C"
+        },
+        "default": "#1ABC9C",
+        "description": "Color of control point C"
+      },
+      "positionC": {
+        "ui": {
+          "type": "position",
+          "label": "Position",
+          "group": "Point C"
+        },
+        "default": {
+          "x": 0.2,
+          "y": 0.8
+        },
+        "description": "Position of control point C"
+      },
+      "colorD": {
+        "ui": {
+          "type": "color",
+          "label": "Color",
+          "group": "Point D"
+        },
+        "default": "#F8BBD9",
+        "description": "Color of control point D"
+      },
+      "positionD": {
+        "ui": {
+          "type": "position",
+          "label": "Position",
+          "group": "Point D"
+        },
+        "default": {
+          "x": 0.8,
+          "y": 0.8
+        },
+        "description": "Position of control point D"
+      },
+      "colorE": {
+        "ui": {
+          "type": "color",
+          "label": "Color",
+          "group": "Point E"
+        },
+        "default": "#FF8C42",
+        "description": "Color of control point E"
+      },
+      "positionE": {
+        "ui": {
+          "type": "position",
+          "label": "Position",
+          "group": "Point E"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "Position of control point E"
+      },
+      "smoothness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 5,
+          "step": 0.05,
+          "label": "Smoothness",
+          "group": "Effect"
+        },
+        "default": 2,
+        "description": "Controls how smoothly colors blend."
+      }
+    }
+  },
+  {
+    "name": "Neon",
+    "category": "Shape Effects",
+    "description": "Photorealistic neon tube / 3D pipe effect driven by a custom shape",
+    "fileName": "Neon",
+    "definition": {
+      "name": "Neon",
+      "category": "Shape Effects",
+      "description": "Photorealistic neon tube / 3D pipe effect driven by a custom shape",
+      "props": {
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "Center position of the neon shape",
+          "ui": {
+            "type": "position",
+            "label": "Center",
+            "group": "Position"
+          }
+        },
+        "scale": {
+          "default": 1,
+          "description": "Scale of the neon shape (1 = default size)",
+          "ui": {
+            "type": "range",
+            "min": 0.1,
+            "max": 3,
+            "step": 0.05,
+            "label": "Scale",
+            "group": "Position"
+          }
+        },
+        "color": {
+          "default": "#00ddff",
+          "description": "Primary neon tube color",
+          "ui": {
+            "type": "color",
+            "label": "Tube Color",
+            "group": "Colors"
+          }
+        },
+        "secondaryColor": {
+          "default": "#ff00aa",
+          "description": "Shadow-side color for a two-tone / dual-lit pipe look",
+          "ui": {
+            "type": "color",
+            "label": "Secondary Color",
+            "group": "Colors"
+          }
+        },
+        "secondaryBlend": {
+          "default": 0.5,
+          "description": "Blend between mono (0) and two-tone (1) tube coloring",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
             "label": "Blend",
             "group": "Colors"
           }
@@ -12815,6 +13910,51 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         },
+        "repeat": {
+          "default": 1,
+          "description": "Number of times the gradient repeats. Values above 1 create concentric rings.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 1,
+            "max": 20,
+            "step": 0.5,
+            "label": "Repeat",
+            "group": "Effect"
+          }
+        },
+        "aspect": {
+          "default": 1,
+          "description": "Stretches the gradient into an ellipse. Values below 1 compress vertically, above 1 compress horizontally.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0.1,
+            "max": 4,
+            "step": 0.05,
+            "label": "Aspect",
+            "group": "Effect"
+          }
+        },
+        "skewAngle": {
+          "default": 0,
+          "description": "Rotates the ellipse axis in degrees. Only visible when Aspect is not 1.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Skew Angle",
+            "group": "Effect"
+          }
+        },
         "colorSpace": {
           "default": "linear",
           "compileTime": true,
@@ -12899,29 +14039,74 @@ export const shaderRegistry = [
         "default": 1,
         "description": "The radius of the gradient (normalized, 0.0-1.0)"
       },
-      "colorSpace": {
+      "repeat": {
         "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"
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 1,
+          "max": 20,
+          "step": 0.5,
+          "label": "Repeat",
+          "group": "Effect"
+        },
+        "default": 1,
+        "description": "Number of times the gradient repeats. Values above 1 create concentric rings."
+      },
+      "aspect": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0.1,
+          "max": 4,
+          "step": 0.05,
+          "label": "Aspect",
+          "group": "Effect"
+        },
+        "default": 1,
+        "description": "Stretches the gradient into an ellipse. Values below 1 compress vertically, above 1 compress horizontally."
+      },
+      "skewAngle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Skew Angle",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Rotates the ellipse axis in degrees. Only visible when Aspect is not 1."
+      },
+      "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",
@@ -14728,6 +15913,83 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "Solarize",
+    "category": "Adjustments",
+    "description": "Inverts tones above a luminance threshold — a classic darkroom and photo effect",
+    "fileName": "Solarize",
+    "requiresChild": true,
+    "definition": {
+      "name": "Solarize",
+      "category": "Adjustments",
+      "description": "Inverts tones above a luminance threshold — a classic darkroom and photo effect",
+      "requiresChild": true,
+      "props": {
+        "threshold": {
+          "default": 0.5,
+          "description": "Luminance level above which colors are inverted. Pixels brighter than this threshold get flipped.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Threshold",
+            "group": "Effect"
+          }
+        },
+        "strength": {
+          "default": 1,
+          "description": "Blend between original (0) and fully solarized (1)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Strength",
+            "group": "Effect"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "threshold": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Threshold",
+          "group": "Effect"
+        },
+        "default": 0.5,
+        "description": "Luminance level above which colors are inverted. Pixels brighter than this threshold get flipped."
+      },
+      "strength": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Strength",
+          "group": "Effect"
+        },
+        "default": 1,
+        "description": "Blend between original (0) and fully solarized (1)"
+      }
+    }
+  },
   {
     "name": "SolidColor",
     "category": "Textures",
@@ -17794,96 +19056,308 @@ export const shaderRegistry = [
     }
   },
   {
-    "name": "Twirl",
-    "category": "Distortions",
-    "description": "Rotate and twist content around a center point",
-    "fileName": "Twirl",
-    "requiresChild": true,
+    "name": "Truchet",
+    "category": "Textures",
+    "description": "Quarter-circle arc tiles that connect to form organic, maze-like flowing curves",
+    "fileName": "Truchet",
     "definition": {
-      "name": "Twirl",
-      "category": "Distortions",
-      "description": "Rotate and twist content around a center point",
-      "requiresRTT": true,
-      "requiresChild": true,
+      "name": "Truchet",
+      "category": "Textures",
+      "description": "Quarter-circle arc tiles that connect to form organic, maze-like flowing curves",
       "props": {
-        "center": {
-          "default": {
-            "x": 0.5,
-            "y": 0.5
-          },
-          "description": "The center point of the twirl effect",
+        "colorA": {
+          "default": "#000000",
+          "description": "Background color between the arcs",
           "ui": {
-            "type": "position",
-            "label": "Center",
-            "group": "Position"
+            "type": "color",
+            "label": "Color A",
+            "group": "Colors"
           }
         },
-        "intensity": {
-          "default": 1,
-          "description": "The strength of the twirl effect",
+        "colorB": {
+          "default": "#ffffff",
+          "description": "Arc line color",
+          "ui": {
+            "type": "color",
+            "label": "Color B",
+            "group": "Colors"
+          }
+        },
+        "cells": {
+          "default": 10,
+          "description": "Number of tiles across the shortest canvas edge",
           "ui": {
             "type": [
               "range",
               "map"
             ],
-            "min": -5,
-            "max": 5,
+            "min": 2,
+            "max": 40,
+            "step": 1,
+            "label": "Cells",
+            "group": "Effect"
+          }
+        },
+        "thickness": {
+          "default": 2,
+          "description": "Thickness of the arc lines",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 20,
             "step": 0.1,
-            "label": "Intensity",
+            "label": "Thickness",
             "group": "Effect"
           }
         },
-        "edges": {
-          "default": "stretch",
-          "description": "How to handle edges when distortion pushes content out of bounds",
+        "seed": {
+          "default": 0,
+          "description": "Random seed — changes which tiles flip, producing a different maze pattern",
+          "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": "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"
           }
         }
       }
     },
     "propsMetadata": {
-      "center": {
+      "colorA": {
         "ui": {
-          "type": "position",
-          "label": "Center",
-          "group": "Position"
+          "type": "color",
+          "label": "Color A",
+          "group": "Colors"
         },
-        "default": {
-          "x": 0.5,
-          "y": 0.5
+        "default": "#000000",
+        "description": "Background color between the arcs"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Color B",
+          "group": "Colors"
         },
-        "description": "The center point of the twirl effect"
+        "default": "#ffffff",
+        "description": "Arc line color"
       },
-      "intensity": {
+      "cells": {
         "ui": {
           "type": [
             "range",
             "map"
           ],
-          "min": -5,
-          "max": 5,
+          "min": 2,
+          "max": 40,
+          "step": 1,
+          "label": "Cells",
+          "group": "Effect"
+        },
+        "default": 10,
+        "description": "Number of tiles across the shortest canvas edge"
+      },
+      "thickness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 20,
+          "step": 0.1,
+          "label": "Thickness",
+          "group": "Effect"
+        },
+        "default": 2,
+        "description": "Thickness of the arc lines"
+      },
+      "seed": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Seed",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Random seed — changes which tiles flip, producing a different maze pattern"
+      },
+      "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 color interpolation"
+      }
+    }
+  },
+  {
+    "name": "Twirl",
+    "category": "Distortions",
+    "description": "Rotate and twist content around a center point",
+    "fileName": "Twirl",
+    "requiresChild": true,
+    "definition": {
+      "name": "Twirl",
+      "category": "Distortions",
+      "description": "Rotate and twist content around a center point",
+      "requiresRTT": true,
+      "requiresChild": true,
+      "props": {
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "The center point of the twirl effect",
+          "ui": {
+            "type": "position",
+            "label": "Center",
+            "group": "Position"
+          }
+        },
+        "intensity": {
+          "default": 1,
+          "description": "The strength of the twirl effect",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": -5,
+            "max": 5,
+            "step": 0.1,
+            "label": "Intensity",
+            "group": "Effect"
+          }
+        },
+        "edges": {
+          "default": "stretch",
+          "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": {
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center",
+          "group": "Position"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "The center point of the twirl effect"
+      },
+      "intensity": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": -5,
+          "max": 5,
           "step": 0.1,
           "label": "Intensity",
           "group": "Effect"
@@ -18393,85 +19867,518 @@ export const shaderRegistry = [
     }
   },
   {
-    "name": "WaveDistortion",
-    "category": "Distortions",
-    "description": "Wave-based distortion with multiple waveform types",
-    "fileName": "WaveDistortion",
+    "name": "Vignette",
+    "category": "Stylize",
+    "description": "Darkens or tints the edges of the frame, drawing attention toward the center",
+    "fileName": "Vignette",
     "requiresChild": true,
     "definition": {
-      "name": "WaveDistortion",
-      "category": "Distortions",
-      "description": "Wave-based distortion with multiple waveform types",
-      "requiresRTT": true,
+      "name": "Vignette",
+      "category": "Stylize",
+      "description": "Darkens or tints the edges of the frame, drawing attention toward the center",
       "requiresChild": true,
       "props": {
-        "strength": {
-          "default": 0.3,
-          "description": "Distortion intensity",
+        "color": {
+          "default": "#000000",
+          "description": "Color of the vignette at the edges",
+          "ui": {
+            "type": "color",
+            "label": "Color",
+            "group": "Colors"
+          }
+        },
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "Center of the clear area where the vignette begins",
+          "ui": {
+            "type": "position",
+            "label": "Center",
+            "group": "Position"
+          }
+        },
+        "radius": {
+          "default": 0.5,
+          "description": "Distance from center where the vignette begins to fade in",
           "ui": {
             "type": [
               "range",
               "map"
             ],
             "min": 0,
-            "max": 1,
-            "step": 0.05,
-            "label": "Strength",
+            "max": 1.5,
+            "step": 0.01,
+            "label": "Radius",
             "group": "Effect"
           }
         },
-        "frequency": {
-          "default": 1,
-          "description": "Number of bends/waves",
+        "falloff": {
+          "default": 0.5,
+          "description": "Width of the transition zone from clear to full vignette",
           "ui": {
             "type": [
               "range",
               "map"
             ],
-            "min": 0.1,
-            "max": 10,
-            "step": 0.1,
-            "label": "Frequency",
+            "min": 0.01,
+            "max": 1.5,
+            "step": 0.01,
+            "label": "Falloff",
             "group": "Effect"
           }
         },
-        "speed": {
+        "intensity": {
           "default": 1,
-          "description": "Animation speed",
-          "ui": {
-            "type": "range",
-            "min": 0,
-            "max": 5,
-            "step": 0.1,
-            "label": "Speed",
-            "group": "Animation"
-          }
-        },
-        "angle": {
-          "default": 0,
-          "description": "Direction of wave distortion in degrees",
+          "description": "Strength of the vignette effect",
           "ui": {
             "type": [
               "range",
               "map"
             ],
             "min": 0,
-            "max": 360,
-            "step": 1,
-            "label": "Angle",
+            "max": 1,
+            "step": 0.01,
+            "label": "Intensity",
             "group": "Effect"
           }
+        }
+      }
+    },
+    "propsMetadata": {
+      "color": {
+        "ui": {
+          "type": "color",
+          "label": "Color",
+          "group": "Colors"
         },
-        "waveType": {
-          "default": "sine",
-          "description": "Shape of the distortion wave",
-          "compileTime": true,
-          "ui": {
-            "type": "select",
-            "options": [
-              {
-                "label": "Sine",
-                "value": "sine"
+        "default": "#000000",
+        "description": "Color of the vignette at the edges"
+      },
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center",
+          "group": "Position"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "Center of the clear area where the vignette begins"
+      },
+      "radius": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1.5,
+          "step": 0.01,
+          "label": "Radius",
+          "group": "Effect"
+        },
+        "default": 0.5,
+        "description": "Distance from center where the vignette begins to fade in"
+      },
+      "falloff": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0.01,
+          "max": 1.5,
+          "step": 0.01,
+          "label": "Falloff",
+          "group": "Effect"
+        },
+        "default": 0.5,
+        "description": "Width of the transition zone from clear to full vignette"
+      },
+      "intensity": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Intensity",
+          "group": "Effect"
+        },
+        "default": 1,
+        "description": "Strength of the vignette effect"
+      }
+    }
+  },
+  {
+    "name": "Voronoi",
+    "category": "Textures",
+    "description": "Cellular pattern where each pixel is colored by its distance to the nearest of many scattered points",
+    "fileName": "Voronoi",
+    "definition": {
+      "name": "Voronoi",
+      "category": "Textures",
+      "description": "Cellular pattern where each pixel is colored by its distance to the nearest of many scattered points",
+      "props": {
+        "colorA": {
+          "default": "#3186cf",
+          "description": "Color near each cell's center point",
+          "ui": {
+            "type": "color",
+            "label": "Color A (Center)",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#fc02dd",
+          "description": "Color at cell boundaries, far from any center point",
+          "ui": {
+            "type": "color",
+            "label": "Color B (Edge)",
+            "group": "Colors"
+          }
+        },
+        "colorBorder": {
+          "default": "#000000",
+          "description": "Color of the cell boundary lines",
+          "ui": {
+            "type": "color",
+            "label": "Border Color",
+            "group": "Colors"
+          }
+        },
+        "scale": {
+          "default": 6,
+          "description": "Number of cells across the canvas",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 1,
+            "max": 20,
+            "step": 0.5,
+            "label": "Scale",
+            "group": "Effect"
+          }
+        },
+        "speed": {
+          "default": 0.5,
+          "description": "Animation speed — how fast the cell points drift",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 5,
+            "step": 0.1,
+            "label": "Speed",
+            "group": "Animation"
+          }
+        },
+        "seed": {
+          "default": 0,
+          "description": "Random seed — shifts the cell pattern without changing the overall structure",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Seed",
+            "group": "Effect"
+          }
+        },
+        "edgeIntensity": {
+          "default": 0.5,
+          "description": "Controls how much of the cell interior is filled by the edge color. Low = center color dominates with a sharp boundary. High = edge color spreads further into the cell.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Edge Intensity",
+            "group": "Effect"
+          }
+        },
+        "edgeSoftness": {
+          "default": 0.05,
+          "description": "Width of the cell boundary lines.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 0.4,
+            "step": 0.005,
+            "label": "Edge Softness",
+            "group": "Effect"
+          }
+        },
+        "colorSpace": {
+          "default": "oklch",
+          "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": "Color A (Center)",
+          "group": "Colors"
+        },
+        "default": "#3186cf",
+        "description": "Color near each cell's center point"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Color B (Edge)",
+          "group": "Colors"
+        },
+        "default": "#fc02dd",
+        "description": "Color at cell boundaries, far from any center point"
+      },
+      "colorBorder": {
+        "ui": {
+          "type": "color",
+          "label": "Border Color",
+          "group": "Colors"
+        },
+        "default": "#000000",
+        "description": "Color of the cell boundary lines"
+      },
+      "scale": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 1,
+          "max": 20,
+          "step": 0.5,
+          "label": "Scale",
+          "group": "Effect"
+        },
+        "default": 6,
+        "description": "Number of cells across the canvas"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 5,
+          "step": 0.1,
+          "label": "Speed",
+          "group": "Animation"
+        },
+        "default": 0.5,
+        "description": "Animation speed — how fast the cell points drift"
+      },
+      "seed": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Seed",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Random seed — shifts the cell pattern without changing the overall structure"
+      },
+      "edgeIntensity": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Edge Intensity",
+          "group": "Effect"
+        },
+        "default": 0.5,
+        "description": "Controls how much of the cell interior is filled by the edge color. Low = center color dominates with a sharp boundary. High = edge color spreads further into the cell."
+      },
+      "edgeSoftness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 0.4,
+          "step": 0.005,
+          "label": "Edge Softness",
+          "group": "Effect"
+        },
+        "default": 0.05,
+        "description": "Width of the cell boundary lines."
+      },
+      "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": "oklch",
+        "description": "Color space for color interpolation"
+      }
+    }
+  },
+  {
+    "name": "WaveDistortion",
+    "category": "Distortions",
+    "description": "Wave-based distortion with multiple waveform types",
+    "fileName": "WaveDistortion",
+    "requiresChild": true,
+    "definition": {
+      "name": "WaveDistortion",
+      "category": "Distortions",
+      "description": "Wave-based distortion with multiple waveform types",
+      "requiresRTT": true,
+      "requiresChild": true,
+      "props": {
+        "strength": {
+          "default": 0.3,
+          "description": "Distortion intensity",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.05,
+            "label": "Strength",
+            "group": "Effect"
+          }
+        },
+        "frequency": {
+          "default": 1,
+          "description": "Number of bends/waves",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0.1,
+            "max": 10,
+            "step": 0.1,
+            "label": "Frequency",
+            "group": "Effect"
+          }
+        },
+        "speed": {
+          "default": 1,
+          "description": "Animation speed",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 5,
+            "step": 0.1,
+            "label": "Speed",
+            "group": "Animation"
+          }
+        },
+        "angle": {
+          "default": 0,
+          "description": "Direction of wave distortion in degrees",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Angle",
+            "group": "Effect"
+          }
+        },
+        "waveType": {
+          "default": "sine",
+          "description": "Shape of the distortion wave",
+          "compileTime": true,
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Sine",
+                "value": "sine"
               },
               {
                 "label": "Triangle",
@@ -18642,6 +20549,147 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "Weave",
+    "category": "Textures",
+    "description": "Interlaced textile weave pattern with two thread colors going over and under each other",
+    "fileName": "Weave",
+    "definition": {
+      "name": "Weave",
+      "category": "Textures",
+      "description": "Interlaced textile weave pattern with two thread colors going over and under each other",
+      "props": {
+        "colorA": {
+          "default": "#c4c4c4",
+          "description": "Horizontal thread color",
+          "ui": {
+            "type": "color",
+            "label": "X Color",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#4d4d4d",
+          "description": "Vertical thread color",
+          "ui": {
+            "type": "color",
+            "label": "Y Color",
+            "group": "Colors"
+          }
+        },
+        "cells": {
+          "default": 10,
+          "description": "Number of threads across the shortest canvas edge",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 2,
+            "max": 40,
+            "step": 1,
+            "label": "Cells",
+            "group": "Effect"
+          }
+        },
+        "gap": {
+          "default": 0.25,
+          "description": "Gap between threads (0 = no gap, 0.5 = maximum gap)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 0.45,
+            "step": 0.01,
+            "label": "Gap",
+            "group": "Effect"
+          }
+        },
+        "rotation": {
+          "default": 0,
+          "description": "Rotation of the weave pattern in degrees",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Rotation",
+            "group": "Effect"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "colorA": {
+        "ui": {
+          "type": "color",
+          "label": "X Color",
+          "group": "Colors"
+        },
+        "default": "#c4c4c4",
+        "description": "Horizontal thread color"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Y Color",
+          "group": "Colors"
+        },
+        "default": "#4d4d4d",
+        "description": "Vertical thread color"
+      },
+      "cells": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 2,
+          "max": 40,
+          "step": 1,
+          "label": "Cells",
+          "group": "Effect"
+        },
+        "default": 10,
+        "description": "Number of threads across the shortest canvas edge"
+      },
+      "gap": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 0.45,
+          "step": 0.01,
+          "label": "Gap",
+          "group": "Effect"
+        },
+        "default": 0.25,
+        "description": "Gap between threads (0 = no gap, 0.5 = maximum gap)"
+      },
+      "rotation": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Rotation",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Rotation of the weave pattern in degrees"
+      }
+    }
+  },
   {
     "name": "WebcamTexture",
     "category": "Textures",