Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
strokeColor | string | "#737373" | Stroke colour for the concentric discs and radial lines. |
numberOfLines | number | 50 | Total radial lines emanating from the centre. |
numberOfDiscs | number | 50 | Total concentric ellipses that form the tunnel. |
particleRGBColor | [number, number, number] | [255,255,255] | RGB colour used for the tiny particles flowing into the hole. |
class | string | "" | Extra utility classes merged onto the root wrapper. |
Credits
- Custom generative art logic inspired by tunnel / warp animations
- Utilises Motion-V for gradient drift and Vue 3 Composition API for lifecycle control
- Developed with accessibility in mind—background effect remains purely decorative via
aria-hiddencanvas