Sala de rejilla 3D con efecto de escaneo.
npx shadcn@latest add https://reactbits.dev/r/GridScan-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 |
|---|---|---|
| enableWebcam | boolean | false |
| showPreview | boolean | false |
| modelsPath | string | CDN URL |
| sensitivity | number | 0.55 |
| lineThickness | number | 1 |
| linesColor | string | '#2F293A' |
| gridScale | number | 0.1 |
| lineStyle | 'solid' | 'dashed' | 'dotted' | 'solid' |
| lineJitter | number | 0.1 |
| enablePost | boolean | true |
| bloomIntensity | number | 0 |
| bloomThreshold | number | 0 |
| bloomSmoothing | number | 0 |
| chromaticAberration | number | 0.002 |
| noiseIntensity | number | 0.01 |
| scanColor | string | '#FF9FFC' |
| scanOpacity | number | 0.4 |
| scanDirection | 'forward' | 'backward' | 'pingpong' | 'pingpong' |
| scanSoftness | number | 2 |
| scanGlow | number | 0.5 |
| scanPhaseTaper | number | 0.9 |
| scanDuration | number | 2.0 |
| scanDelay | number | 2.0 |
| enableGyro | boolean | false |
| scanOnClick | boolean | false |
| snapBackDelay | number | 250 |
| className | string | '' |
| style | React.CSSProperties | {} |