Túnel de fibra óptica con pulsos de luz.
npx shadcn@latest add https://reactbits.dev/r/LightTunnel-TS-TW
Detrás de un hero o una sección de impacto. Uno por página y con el texto siempre legible encima.
| Prop | Tipo | Por defecto |
|---|---|---|
| cableColor | string | '#A855F7' |
| pulseColor | string | '#A855F7' |
| tunnelColor | string | '#5227FF' |
| tunnelOpacity | number | 0 |
| speed | number | 0.1 |
| flowDirection | 'inward' | 'outward' | 'outward' |
| pulseSpeed | number | 2 |
| pulseLength | number | 0.28 |
| pulseBlend | number | 1 |
| pulseWidth | number | 1 |
| cableCount | number | 20 |
| thickness | number | 0.35 |
| rimWidth | number | 0.15 |
| waviness | number | 0.3 |
| sway | number | 0.5 |
| size | number | 1.0 |
| centerX | number | 0.0 |
| centerY | number | 0.0 |
| glow | number | 1.0 |
| fadeNear | number | 0.5 |
| fadeFar | number | 2 |
| brightness | number | 1.0 |
| colorVariance | boolean | true |
| grain | boolean | true |
| grainIntensity | number | 0.05 |
| opacity | number | 1.0 |
| mouseInteraction | boolean | true |
| mouseStrength | number | 0.1 |
| className | string | '' |