Preferences

Wave Path Text

Customize

Text

Duration (s)20

Path Scale3

Font Size

Property	Type	Default	Description
`text`	string	`"Your text goes here"`	Text repeated seamlessly along the curved path.
`path`	string	`"M-400,90 C-350,50 ... 1250,90"`	SVG path data (the `d` attribute) the text flows along.
`viewBox`	string	`"0 0 700 160"`	SVG viewBox for the root svg element.
`pathScale`	number	`1`	Scale factor applied to the path/text group.
`duration`	number	`21`	Seconds for one full scroll cycle along the path.
`reversed`	boolean	`false`	Reverses the scroll direction of the text.
`fontSize`	string	`"17px"`	Font size of the looping text.
`letterSpacing`	string	`"normal"`	Letter spacing applied to the text.
`textClassName`	string	`""`	Extra textClassName applied to the root text element.
`className`	string	`""`	Extra classes applied to the root svg element.

textstring

Text repeated seamlessly along the curved path.

Default"Your text goes here"

pathstring

SVG path data (the `d` attribute) the text flows along.

Default"M-400,90 C-350,50 ... 1250,90"

viewBoxstring

SVG viewBox for the root svg element.

Default"0 0 700 160"

pathScalenumber

Scale factor applied to the path/text group.

Default1

durationnumber

Seconds for one full scroll cycle along the path.

Default21

reversedboolean

Reverses the scroll direction of the text.

Defaultfalse

fontSizestring

Font size of the looping text.

Default"17px"

letterSpacingstring

Letter spacing applied to the text.

Default"normal"

textClassNamestring

Extra textClassName applied to the root text element.

Default""

classNamestring

Extra classes applied to the root svg element.

Default""

Crafted withbyMohammad Tasin