Beams
Haces de luz arquitectónicos cruzados.
- Código: RODD·BG·006
- Familia: Fondos
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/Beams-TS-TW
Cuándo usarlo
Detrás de un hero o una sección de impacto. Uno por página y con el texto siempre legible encima.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| beamWidth | number | 2 |
| beamHeight | number | 15 |
| beamNumber | number | 12 |
| lightColor | string | '#ffffff' |
| beamColor | string | '#000000' |
| backgroundColor | string | '#000000' |
| speed | number | 2 |
| noiseIntensity | number | 1.75 |
| scale | number | 0.2 |
| rotation | number | 0 |
Otros efectos de fondos
- DotGrid — Rejilla de puntos con física de choque.
- Floating3dParticles — Campo de partículas en pseudo-3D que rota.
- GradientBlinds — Persianas de degradado con foco de luz.
- GridScan — Sala de rejilla 3D con efecto de escaneo.
- Lightfall — Estelas de luz de colores que caen por un túnel.
- LineWaves — Patrón de líneas onduladas con distorsión de color.