Particles

Sistema de partículas 3D configurable.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/Particles-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
particleCountnumber200
particleSpreadnumber10
speednumber0.1
particleColorsstring[]['#ffffff']
moveParticlesOnHoverbooleanfalse
particleHoverFactornumber1
alphaParticlesbooleanfalse
particleBaseSizenumber100
sizeRandomnessnumber1
cameraDistancenumber20
disableRotationbooleanfalse
pixelRationumber1

Otros efectos de fondos

  • 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.
  • Balatro — El shader psicodélico de Balatro, interactivo.
  • Dither — Ruido dithered retro reactivo al ratón.