FuzzyText

Texto vibrante con interferencia analógica controlable al hover.

  • Código: RODD·TX·011
  • Familia: Tipografía
  • Origen: React Bits (David Haz) · Licencia MIT + Commons Clause

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/FuzzyText-TS-TW

Cuándo usarlo

Úsalas en titulares y mensajes clave. Una por pantalla: si todo se mueve, nada destaca.

Props para personalizarlo

PropTipoPor defecto
childrenReact.ReactNode
fontSizenumber | string"clamp(2rem, 8vw, 8rem)"
fontWeightstring | number900
fontFamilystring"inherit"
colorstring#fff
enableHoverbooleantrue
baseIntensitynumber0.18
hoverIntensitynumber0.5
fuzzRangenumber30
fpsnumber60
direction'horizontal' | 'vertical' | 'both''horizontal'
transitionDurationnumber0
clickEffectbooleanfalse
glitchModebooleanfalse
glitchIntervalnumber2000
glitchDurationnumber200
gradientstring[] | nullnull
letterSpacingnumber0
classNamestring''

Otros efectos de tipografía