Luminous Waves
Canvas-based glowing sine wave threads running horizontally and bending dynamically to track cursor position.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
waveCount5
Number of horizontal wave threads.
amplitude38
Peak vertical displacement amplitude.
frequency0.006
Wave cycle horizontal frequency spacing.
waveColor#7fff5e
Neon hex color of the glowing waves.
secondaryColor#ff5c71
Secondary color to blend into for iridescent waves.
speed0.5
Velocity of horizontal wave flow.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| waveCount | number | 5 | Number of horizontal wave threads. |
| amplitude | number | 38 | Peak vertical displacement amplitude. |
| frequency | number | 0.006 | Wave cycle horizontal frequency spacing. |
| waveColor | string | "#7fff5e" | Neon hex color of the glowing waves. |
| secondaryColor | string | "#ff5c71" | Secondary color to blend into for iridescent waves. |
| speed | number | 0.5 | Velocity of horizontal wave flow. |