SideRays

Rayos de luz que entran desde un lateral.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/SideRays-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
speednumber2.5
rayColor1string"#EAB308"
rayColor2string"#96c8ff"
intensitynumber2
spreadnumber2
origin"top-right" | "top-left" | "bottom-right" | "bottom-left""top-right"
tiltnumber0
saturationnumber1.5
blendnumber0.75
falloffnumber1.6
opacitynumber1.0
classNamestring""

Otros efectos de fondos

  • WarpBackground — Tarjeta con un fondo de túnel que deforma el espacio.
  • Aurora — Auroras boreales procedurales.
  • DarkVeil — Velo oscuro sutil generado por una red neuronal.
  • FaultyTerminal — Terminal CRT con parpadeo y ruido.
  • Galaxy — Campo estelar con parallax y repulsión.
  • Grainient — Degradado con grano fílmico y distorsión.