Galaxy

Campo estelar con parallax y repulsión.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/Galaxy-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
focal[number, number][0.5, 0.5]
rotation[number, number][1.0, 0.0]
starSpeednumber0.5
densitynumber1
hueShiftnumber140
disableAnimationbooleanfalse
speednumber1.0
mouseInteractionbooleantrue
glowIntensitynumber0.3
saturationnumber0.0
mouseRepulsionbooleantrue
twinkleIntensitynumber0.3
rotationSpeednumber0.1
repulsionStrengthnumber2
autoCenterRepulsionnumber0
transparentbooleantrue

Otros efectos de fondos

  • GridDistortion — Imagen en malla que se deforma con el cursor.
  • Iridescence — Superficie iridiscente tipo nácar.
  • LightRays — Rayos de luz volumétricos.
  • Meteors — Lluvia de meteoros cruzando el fondo.
  • PhotonBeam — Estelas de luz que recorren el fondo.
  • Prism — Prisma de cristal con dispersión de color.