LightRays

Rayos de luz volumétricos.

  • Código: RODD·BG·031
  • Familia: Fondos
  • Origen: React Bits (David Haz) · Licencia MIT + Commons Clause

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/LightRays-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

PropTipoPor defecto
raysOriginRaysOrigin"top-center"
raysColorstring"#ffffff"
raysSpeednumber1
lightSpreadnumber1
rayLengthnumber2
pulsatingbooleanfalse
fadeDistancenumber1.0
saturationnumber1.0
followMousebooleantrue
mouseInfluencenumber0.1
noiseAmountnumber0.0
distortionnumber0.0
classNamestring""

Otros efectos de fondos

  • MoltenMetal — Metal fundido con filamentos y núcleo incandescente.
  • PixelBlast — Píxeles dithered con ondas líquidas al clic.
  • PrismaticBurst — Explosión de rayos prismáticos.
  • Scanner — Bandas de interferencia como un osciloscopio.
  • SoftAurora — Aurora suave con ruido Perlin 3D.
  • WebThreads — Hilos luminosos que convergen en un punto.