TextType

Máquina de escribir con cursor parpadeante y ritmo ajustable.

Cómo instalarlo

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

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

Prop	Tipo	Por defecto
text	string \| string[]	-
as	ElementType	div
typingSpeed	number	50
initialDelay	number	0
pauseDuration	number	2000
deletingSpeed	number	30
loop	boolean	true
className	string	''
showCursor	boolean	true
hideCursorWhileTyping	boolean	false
cursorCharacter	string \| React.ReactNode	\|
cursorBlinkDuration	number	0.5
cursorClassName	string	''
textColors	string[]	[]
variableSpeed	{min: number, max: number}	undefined
onSentenceComplete	(sentence: string, index: number) => void	undefined
startOnVisible	boolean	false
reverseMode	boolean	false

WarpText — Distorsión WebGL que dobla y refracta el texto alrededor del puntero.
BreathingText — Texto que “respira” cambiando su peso.
DecryptedText — Descifrado estilo hacker: glifos aleatorios hasta revelar el texto.
FallingText — Las palabras caen con gravedad y rebotan con física real.
GradualSpacingText — Las letras se separan hasta su espaciado final.
MorphingText — Palabras que se funden unas en otras.