PrismaticBurst

Explosión de rayos prismáticos.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/PrismaticBurst-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
intensitynumber2
speednumber0.5
animationType"rotate" | "rotate3d" | "hover""rotate3d"
colorsstring[][]
distortnumber0
pausedbooleanfalse
offset{ x?: number|string; y?: number|string }{ x: 0, y: 0 }
hoverDampnessnumber0
rayCountnumberundefined
mixBlendModeCSSProperties['mixBlendMode'] | 'none'"lighten"

Otros efectos de fondos

  • ShapeGrid — Rejilla animada de formas con estela al hover.
  • Threads — Hilos ondulantes como una tela.
  • AcidSquares — Pasillo cristalino de cuadrados en profundidad.
  • ColorBends — Bandas de color vibrantes que se doblan.
  • DotGrid — Rejilla de puntos con física de choque.
  • Floating3dParticles — Campo de partículas en pseudo-3D que rota.