Fibras recursivas azules con bandas luminosas.
npx shadcn@latest add https://reactbits.dev/r/GhostFibers-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 |
|---|---|---|
| lineColor | string | '#140E35' |
| glowColor | string | '#3437A0' |
| speed | number | 0.2 |
| scale | number | 2 |
| rotation | number | 0 |
| rotationSpeed | number | 0.25 |
| layers | number | 4 |
| waveAmplitude | number | 0.015 |
| waveFrequency | number | 3 |
| waveSpeed | number | 0.15 |
| layerSpeed | number | 0.08 |
| twist | number | 0.1 |
| twistFrequency | number | 5 |
| twistSpeed | number | 1.2 |
| lineFrequency | number | 5 |
| lineSpacing | number | 2 |
| lineSharpness | number | 16 |
| glowFalloff | number | 10 |
| glowIntensity | number | 1.6 |
| brightness | number | 2 |
| blueBoost | number | 1.25 |
| vignette | number | 0.8 |
| grain | number | 0.05 |
| lightMode | boolean | false |
| dpr | number | 1 |
| fps | number | 60 |
| paused | boolean | false |
| className | string | '' |