LightPillar

Pilar de luz volumétrico.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/LightPillar-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
topColorstring'#5227FF'
bottomColorstring'#FF9FFC'
intensitynumber1.0
rotationSpeednumber0.3
interactivebooleanfalse
glowAmountnumber0.005
pillarWidthnumber3.0
pillarHeightnumber0.4
noiseIntensitynumber0.5
classNamestring''
mixBlendModestring'screen'
pillarRotationnumber0
quality'low' | 'medium' | 'high''high'

Otros efectos de fondos

  • Meteors — Lluvia de meteoros cruzando el fondo.
  • PhotonBeam — Estelas de luz que recorren el fondo.
  • Prism — Prisma de cristal con dispersión de color.
  • RippleGrid — Rejilla holográfica con ondas.
  • SlicedWaves — Barras luminosas que ondulan como un ecualizador.
  • Waves — Líneas de ruido Perlin con tensión elástica.