Documentation

GuidesComponents

Voronoi

Cellular pattern where each pixel is colored by its distance to the nearest of many scattered points

Props

colorAstring
Default:#3186cf
Color near each cell's center point
colorBstring
Default:#fc02dd
Color at cell boundaries, far from any center point
colorBorderstring
Default:#000000
Color of the cell boundary lines
scalenumber
Default:6
Number of cells across the canvas
speednumber
Default:0.5
Animation speed — how fast the cell points drift
seednumber
Default:0
Random seed — shifts the cell pattern without changing the overall structure
edgeIntensitynumber
Default:0.5
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.
edgeSoftnessnumber
Default:0.05
Width of the cell boundary lines.
colorSpace"linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"
Default:oklch
Color space for color interpolation

Usage

<Shader>
  <Voronoi />
</Shader>
Previous
Vignette
Next
WaveDistortion