ConicGradient

Colors sweep in a full circle around a center point, like a color wheel

Props

  • colorA

    Starting color of the sweep

    Type
    string
    Default
    #FF0080

  • colorB

    Ending color of the sweep (wraps back to Color A)

    Type
    string
    Default
    #00BFFF

  • stops

    Multi-stop gradient colors (overrides Color A / Color B when set)

    Type
    object
    Default
    null

  • center

    Center point of the sweep

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

  • rotation

    Rotation offset in degrees — shifts where Color A begins

    Type
    number
    Default
    0

  • repeat

    Number of times the gradient repeats around the circle. Values above 1 create a starburst pattern.

    Type
    number
    Default
    1

  • colorSpace

    Color space for color interpolation

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

Usage

<Shader>
  <ConicGradient />
</Shader>