Documentation

GuidesComponents

Spiral

Rotating spiral pattern with animated movement

Props

colorAstring
Default:#000000
Background color
colorBstring
Default:#ffffff
Spiral stroke color
strokeWidthnumber
Default:0.5
Thickness of spiral stroke
strokeFalloffnumber
Default:0
Stroke losing width further from center
softnessnumber
Default:0
Color transition sharpness (0 = hard edge, 1 = smooth fade)
speednumber
Default:1
Animation speed (negative values reverse direction)
center{x: number, y: number}
Default:{"x":0.5,"y":0.5}
The center point of the spiral
scalenumber
Default:1
Scale factor for spiral bands (higher = more bands, lower = fewer bands)
colorSpace"linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"
Default:linear
Color space for color interpolation

Usage

<Shader>
  <Spiral />
</Shader>
Previous
Spherize
Next
Star