ScrollVelocity

Marquesina cuya velocidad depende de lo rápido que hagas scroll.

Cómo instalarlo

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

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

Prop	Tipo	Por defecto
scrollContainerRef	React.RefObject<HTMLElement>	undefined
texts	React.ReactNode[]	[]
velocity	number	100
className	string	""
damping	number	50
stiffness	number	400
numCopies	number	6
velocityMapping	{ input: number[]; output: number[] }	{ input: [0, 1000], output: [0, 5] }
parallaxClassName	string	"parallax"
scrollerClassName	string	"scroller"
parallaxStyle	React.CSSProperties	undefined
scrollerStyle	React.CSSProperties	undefined

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.
ASCIIText — Texto 3D renderizado como arte ASCII con ondas retro.
ComicText — Texto con estilo de cómic que entra con rebote.
DiaTextReveal — Una banda de color barre el texto antes de asentarse.