VerticalCutReveal

Texto que se revela con un corte vertical.

Cómo instalarlo

npx shadcn@latest add "https://fancycomponents.dev/r/vertical-cut-reveal.json"

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

Prop	Tipo	Por defecto
children	React.ReactNode
reverse	boolean	false
transition	AnimationOptions	{ type: "spring", stiffness: 190, damping: 22, }
splitBy	"words" \| "characters" \| "lines" \| string	"words"
staggerDuration	number	0.2
staggerFrom	"first" \| "last" \| "center" \| "random" \| number	"first"
containerClassName	string
wordLevelClassName	string
elementLevelClassName	string
onClick	() => void
onStart	() => void
onComplete	() => void
autoStart	boolean	true

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.
ScrollAndSwapText — Texto que cambia de letras al hacer scroll.