Bandas de interferencia como un osciloscopio.
npx shadcn@latest add https://reactbits.dev/r/Scanner-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 |
|---|---|---|
| color1 | string | '#5227FF' |
| color2 | string | '#FF9FFC' |
| color3 | string | '#FFFFFF' |
| speed | number | 0.5 |
| sweepSpeed | number | 0.25 |
| sweepWidth | number | 1.6 |
| sweepFalloff | number | 6 |
| scale | number | 1.5 |
| frequency | number | 2 |
| ripple | number | 0.22 |
| bandDensity | number | 11 |
| lineSharpness | number | 5.5 |
| glow | number | 0.22 |
| scanDirection | string | 'vertical' |
| colorSpread | number | 0.7 |
| brightness | number | 1.0 |
| contrast | number | 1.15 |
| softness | number | 1.4 |
| vignette | number | 0.45 |
| scanline | boolean | true |
| grain | boolean | true |
| grainIntensity | number | 0.05 |
| opacity | number | 1.0 |
| mouseInteraction | boolean | true |
| mouseRadius | number | 0.5 |
| mouseStrength | number | 0.5 |
| className | string | '' |