Spiral

Rotating spiral pattern with animated movement

Props

  • colorA

    Background color

    Type
    string
    Default
    #000000

  • colorB

    Spiral stroke color

    Type
    string
    Default
    #ffffff

  • strokeWidth

    Thickness of spiral stroke

    Type
    number
    Default
    0.5

  • strokeFalloff

    Stroke losing width further from center

    Type
    number
    Default
    0

  • softness

    Color transition sharpness (0 = hard edge, 1 = smooth fade)

    Type
    number
    Default
    0

  • speed

    Animation speed (negative values reverse direction)

    Type
    number
    Default
    1

  • center

    The center point of the spiral

    Type
    {x: number, y: number}
    Default
    {"x":0.5,"y":0.5}

  • scale

    Scale factor for spiral bands (higher = more bands, lower = fewer bands)

    Type
    number
    Default
    1

  • colorSpace

    Color space for color interpolation

    Type
    "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"
    Default
    linear

Usage

<Shader>
  <Spiral />
</Shader>