LetterGlitch

Matriz de caracteres en glitch constante.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/LetterGlitch-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
glitchColorsstring[]['#2b4539', '#61dca3', '#61b3dc']
glitchSpeednumber50
centerVignettebooleanfalse
outerVignettebooleantrue
smoothbooleantrue
charactersstringABCDEFGHIJKLMNOPQRSTUVWXYZ!@#
amp;*()-_+=/[]{};:<>.,0123456789

Otros efectos de fondos

  • LineWaves — Patrón de líneas onduladas con distorsión de color.
  • NovatrixBackground — Fondo WebGL de ondas de color.
  • PixelSnow — Nieve pixelada que cae.
  • Radar — Barrido de radar con anillos y haz giratorio.
  • ShapeGrid — Rejilla animada de formas con estela al hover.
  • Threads — Hilos ondulantes como una tela.