Texto vibrante con interferencia analógica controlable al hover.
npx shadcn@latest add https://reactbits.dev/r/FuzzyText-TS-TW
Úsalas en titulares y mensajes clave. Una por pantalla: si todo se mueve, nada destaca.
| Prop | Tipo | Por defecto |
|---|---|---|
| children | React.ReactNode | |
| fontSize | number | string | "clamp(2rem, 8vw, 8rem)" |
| fontWeight | string | number | 900 |
| fontFamily | string | "inherit" |
| color | string | #fff |
| enableHover | boolean | true |
| baseIntensity | number | 0.18 |
| hoverIntensity | number | 0.5 |
| fuzzRange | number | 30 |
| fps | number | 60 |
| direction | 'horizontal' | 'vertical' | 'both' | 'horizontal' |
| transitionDuration | number | 0 |
| clickEffect | boolean | false |
| glitchMode | boolean | false |
| glitchInterval | number | 2000 |
| glitchDuration | number | 200 |
| gradient | string[] | null | null |
| letterSpacing | number | 0 |
| className | string | '' |