Glowing sine threads woven through a luminous convergence point.
Colors, thread shape and the cursor light are wired to the controls underneath. The threads are drawn in a WebGL 2 fragment shader.
| Prop | Type | Default | Description |
|---|---|---|---|
color1 | string | '#5227FF' | Color of the first thread; threads blend from this toward color2. |
color2 | string | '#FF9FFC' | Color of the last thread; threads blend toward this hue. |
color3 | string | '#FFFFFF' | Hot-core color mixed into the brightest parts of the threads. |
speed | number | 0.2 | Animation speed of the weaving motion. |
threadCount | number | 6 | Number of glowing threads (1–10). |
frequency | number | 5.0 | Number of sine waves across the screen width. |
spread | number | 0.18 | How far the threads fan out away from the pinch point. |
taper | number | 1.0 | Per-thread amplitude growth; higher values fan later threads out more. |
position | number | 0.5 | Vertical position of the woven strand (0 bottom, 1 top). |
fanMode | string | 'center' | Where the threads pinch together: center, left, or right. |
glow | number | 0.02 | Brightness of the glow radiating from each thread. |
falloff | number | 0.6 | How tightly the glow hugs the thread (higher = thinner filament). |
thickness | number | 1.1 | Core thickness of each thread. |
brightness | number | 0.6 | Overall brightness multiplier. |
opacity | number | 1.0 | Overall opacity of the effect (0–1). |
mirror | boolean | true | Mirror the wave phase across the pinch point for a woven look. |
shimmer | boolean | false | Add a subtle per-thread phase shimmer. |
grain | boolean | true | Overlay a whisper-subtle animated film grain on the threads. |
grainIntensity | number | 0.05 | Amplitude of the grain overlay. 0 disables it entirely. |
mouseInteraction | boolean | true | Let the pinch point drift toward the cursor with a soft brightness bloom. |
mouseStrength | number | 0.3 | Strength of the cursor influence on the pinch point and bloom. |
backgroundColor | string | '#FFFFFF' | Background color the effect blends into when lightMode is on. |
lightMode | boolean | false | Renders the effect over an opaque light background instead of a transparent one. |
Keyboard shortcuts and ARIA behavior.