Glowing ribbon-like strands that ripple and weave across a transparent canvas.
Every prop is wired to the controls underneath. Turn on Glass to refract the strands through a lens.
| Prop | Type | Default | Description |
|---|---|---|---|
colors | string[] | ["#FF4242", "#7C3AED", "#06B6D4", "#EAB308"] | Palette of hex colors cycled across the strands. Pass an empty array to use the built-in rainbow spectrum. |
count | number | 3 | Number of strands woven through the animation. |
speed | number | 0.5 | How quickly the strands ripple and flow. |
amplitude | number | 1 | Vertical reach of each strand as it waves up and down. |
waviness | number | 1 | Density of the curves along each strand. |
thickness | number | 0.7 | Width of each glowing strand. |
glow | number | 2.6 | Strength of the luminous bloom around the strands. |
taper | number | 3 | How sharply the strands fade out toward the edges. |
spread | number | 1 | Separation between strands so they fan out instead of overlapping. |
hueShift | number | 0 | Rotates the colors around the strands for variation. |
intensity | number | 0.6 | Overall brightness and energy of the effect. |
saturation | number | 1.5 | Vibrance of the colors. Above 1 makes them more intense, below 1 fades to grayscale. |
opacity | number | 1 | Overall transparency of the rendered strands. |
scale | number | 1.5 | Zooms the whole effect in or out to make the strands bigger or smaller. |
glass | boolean | false | Renders the strands inside a refractive glass ball. |
refraction | number | 1 | How strongly the glass ball bends the light passing through it. |
dispersion | number | 1 | Amount of rainbow color separation along the edges of the glass ball. |
glassSize | number | 1 | Size of the glass ball relative to the canvas. |
Keyboard shortcuts and ARIA behavior.