Letter3dSwap

Letras que giran en 3D para cambiar de texto.

Cómo instalarlo

npx shadcn@latest add "https://fancycomponents.dev/r/letter-3d-swap.json"

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

Prop	Tipo	Por defecto
children	React.ReactNode
as	ElementType	"p"
mainClassName	string
frontFaceClassName	string
secondFaceClassName	string
staggerDuration	number	0.05
staggerFrom	"first" \| "last" \| "center" \| number \| "random"	"first"
transition	ValueAnimationTransition \| AnimationOptions	{ type: "spring", damping: 30, stiffness: 300 }
rotateDirection	"top" \| "right" \| "bottom" \| "left"	"right"

ScaleLetterText — Las letras crecen al pasar el ratón.
ScrollVelocity — Marquesina cuya velocidad depende de lo rápido que hagas scroll.
SplitText — Divide el texto en letras o palabras para una entrada escalonada.
TextCursorProximity — Las letras reaccionan a la cercanía del cursor.
UnderlineToBackground — Subrayado que se convierte en fondo al hover.
WavyText — Texto que entra con una ola.