Swirl

Flowing swirl pattern with multi-layered noise

Props

  • colorA

    Primary gradient color

    Type
    string
    Default
    #1275d8

  • colorB

    Secondary gradient color

    Type
    string
    Default
    #e19136

  • stops

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

    Type
    object
    Default
    null

  • speed

    Flow animation speed

    Type
    number
    Default
    1

  • detail

    Level of detail and intricacy in the swirl patterns

    Type
    number
    Default
    1

  • blend

    Skew color balance toward A (lower values) or B (higher values)

    Type
    number
    Default
    50

  • colorSpace

    Color space for color interpolation

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

Usage

<Shader>
  <Swirl />
</Shader>