GlitchText
Glitch RGB con separación de canales y temblor.
- Código: RODD·TX·012
- Familia: Tipografía
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/GlitchText-TS-TW
Cuándo usarlo
Úsalas en titulares y mensajes clave. Una por pantalla: si todo se mueve, nada destaca.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| children | string | |
| speed | number | 0.5 |
| enableShadows | boolean | true |
| enableOnHover | boolean | false |
| className | string | |
Otros efectos de tipografía
- MaskedHeading — Titular gigante con imagen o malla de color vista a través de las letras.
- ScrambledText — Las letras cercanas al cursor se revuelven y vuelven a su sitio.
- ShinyText — Destello metálico que recorre el texto como un reflejo.
- StrokeText — Las letras se dibujan con trazo y después se rellenan.
- TextLoop — Marquesina continua que fluye por trayectorias SVG curvas.
- VariableFontAndCursor — Tipografía variable controlada por la posición del cursor.