A glowing grid of squircles that shift and morph
| Name | Type | Default | Description |
|---|---|---|---|
width | number | string | "100%" | Width of the component in pixels or CSS value |
height | number | string | "100%" | Height of the component in pixels or CSS value |
speed | number | 0.3 | Animation speed multiplier |
colorLayers | number | 3 | Number of color channel iterations (1-3) |
gridFrequency | number | 25 | Grid pattern frequency |
gridIntensity | number | 1 | Grid pattern intensity |
waveSpeed | number | 0.2 | Wave animation speed multiplier |
waveIntensity | number | 0.1 | Wave displacement intensity |
spiralIntensity | number | 1 | Spiral/rotation effect intensity |
lineThickness | number | 0.06 | Line/dot thickness |
falloff | number | 1 | Distance falloff factor |
centerX | number | 1 | Horizontal center offset |
centerY | number | 1 | Vertical center offset |
colorTint | string | "#c084fc" | Primary color tint |
lightBackground | string | "#ffffff" | Background color for light mode |
darkBackground | string | "#000000" | Background color for dark mode |
brightness | number | 1.5 | Overall brightness |
phaseOffset | number | 10 | Grid phase offset |
className | string | "" | Additional CSS classes |
widthnumber | stringWidth of the component in pixels or CSS value
"100%"heightnumber | stringHeight of the component in pixels or CSS value
"100%"speednumberAnimation speed multiplier
0.3colorLayersnumberNumber of color channel iterations (1-3)
3gridFrequencynumberGrid pattern frequency
25gridIntensitynumberGrid pattern intensity
1waveSpeednumberWave animation speed multiplier
0.2waveIntensitynumberWave displacement intensity
0.1spiralIntensitynumberSpiral/rotation effect intensity
1lineThicknessnumberLine/dot thickness
0.06falloffnumberDistance falloff factor
1centerXnumberHorizontal center offset
1centerYnumberVertical center offset
1colorTintstringPrimary color tint
"#c084fc"lightBackgroundstringBackground color for light mode
"#ffffff"darkBackgroundstringBackground color for dark mode
"#000000"brightnessnumberOverall brightness
1.5phaseOffsetnumberGrid phase offset
10classNamestringAdditional CSS classes
""