GridDistortion

Imagen en malla que se deforma con el cursor.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/GridDistortion-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
imgageSrcstring
gridnumber15
mousenumber0.1
relaxationnumber0.9
strengthnumber0.15
classNamestring

Otros efectos de fondos

  • LetterGlitch — Matriz de caracteres en glitch constante.
  • LightTunnel — Túnel de fibra óptica con pulsos de luz.
  • MoltenMetal — Metal fundido con filamentos y núcleo incandescente.
  • PixelBlast — Píxeles dithered con ondas líquidas al clic.
  • PrismaticBurst — Explosión de rayos prismáticos.
  • Scanner — Bandas de interferencia como un osciloscopio.