Stripes

Alternating colored stripes with animation

Props

  • colorA

    First stripe color

    Type
    string
    Default
    #000000

  • colorB

    Second stripe color

    Type
    string
    Default
    #ffffff

  • angle

    Angle of stripes in degrees

    Type
    number
    Default
    45

  • density

    Number of stripe pairs visible

    Type
    number
    Default
    5

  • balance

    Ratio of the two colors

    Type
    number
    Default
    0.5

  • softness

    Edge softness

    Type
    number
    Default
    0

  • speed

    Animation speed

    Type
    number
    Default
    0.2

  • offset

    Phase offset for pattern positioning

    Type
    number
    Default
    0

  • colorSpace

    Color space for interpolation

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

Usage

<Shader>
  <Stripes />
</Shader>