DecryptedText
Descifrado estilo hacker: glifos aleatorios hasta revelar el texto.
- Código: RODD·TX·006
- Familia: Tipografía
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/DecryptedText-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 |
|---|
| text | string | "" |
| speed | number | 50 |
| maxIterations | number | 10 |
| sequential | boolean | false |
| revealDirection | "start" | "end" | "center" | "start" |
| useOriginalCharsOnly | boolean | false |
| className | string | "" |
| parentClassName | string | "" |
| encryptedClassName | string | "" |
| animateOn | "view" | "hover" | "inViewHover" | "click" | "hover" |
| clickMode | "once" | "toggle" | "once" |
Otros efectos de tipografía
- FoldText — Las líneas se despliegan como papel doblado que se abre.
- Highlighter — Subrayado dibujado a mano sobre el texto.
- ParticleText — El texto se forma a partir de partículas que se dispersan y reagrupan.
- ScrollFloat — Las letras flotan hacia su posición al hacer scroll.
- SparklesText — Texto con destellos que aparecen alrededor.
- TextAnimate — Texto con varias animaciones de entrada (fade, blur, slide…).