Curved Loop

Flowing looping text path along a customizable curve with drag interaction.

Default

Every prop is wired to the controls underneath. Drag the text to push it, release and it keeps flowing in that direction.

Marquee Text

Speed2

Curve Amount400px

Draggable

Prop	Type	Default	Description
`marqueeText`	`string`	`""`	The text to display in the curved marquee.
`speed`	`number`	`2`	Animation speed of the marquee text.
`className`	`string`	`undefined`	CSS class name for styling the text.
`curveAmount`	`number`	`400`	Amount of curve in the text path.
`direction`	`"left" \| "right"`	`"left"`	Initial direction of the marquee animation.
`interactive`	`boolean`	`true`	Whether the marquee can be dragged by the user.

Keyboard shortcuts and ARIA behavior.

The text is decorative motion on an SVG path. Provide the same content elsewhere if it carries meaning.