Text Curve Marquee

ProNew

A looping text ribbon that travels along an SVG curve.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.


pnpm dlx shadcn@latest add @tealmac-pro/text-curve-marquee

Prop	Type	Default	Description
`children`	`string`	-	The phrase that loops.
`path`	`string`	`a wave`	SVG path data in a 0 0 800 240 box.
`speed`	`number`	`60`	Pixels per second; negative reverses.
`separator`	`string`	`" • "`	Text between repeats.
`className`	`string`	-	Classes for the SVG.

The SVG has role="img" and the phrase as its aria-label; the repeated copies are hidden.
The frame loop stops off screen and under prefers-reduced-motion, which shows the ribbon still.