Documentation

GuidesComponents

Star

Classic star polygon with straight sides and sharp pointed tips

Props

colorstring
Default:#ffffff
Fill color of the star
center{x: number, y: number}
Default:{"x":0.5,"y":0.5}
Center position of the star
radiusnumber
Default:0.4
Outer tip radius — distance from center to the pointed tips
sidesnumber
Default:5
Number of points on the star
innerRationumber
Default:0.4
Inner vertex radius as a ratio of outer radius (0.382 = golden-ratio 5-star)
rotationnumber
Default:0
Rotation in degrees
softnessnumber
Default:0
Edge softness for antialiasing
strokeThicknessnumber
Default:0
Stroke thickness. Zero means no stroke.
strokeColorstring
Default:#000000
Color of the stroke outline
strokePosition"outside" | "center" | "inside"
Default:center
Position of the stroke relative to the shape edge
colorSpace"linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"
Default:linear
Color space for blending fill and stroke colors

Usage

<Shader>
  <Star
    color="#ffffff"
    :radius="0.4"
   />
</Shader>
Previous
Spiral
Next
Strands