KeyframeStrokeText

Render any text with a keyframe sequence: stroke first, fill later.

Render any text with a keyframe sequence: stroke first, fill later.

Basic usage

Demo loads on client.

Demo loads on client.

Name	Type	Default	Description
`text`	`string`	`''`	Text content to render
`strokeColor`	`string`	`#4C4CFF`	Stroke color
`fillColor`	`string`	`#111827`	Fill color
`durationMs`	`number`	`1800`	Animation duration (ms)
`strokeWidth`	`number`	`2`	Stroke width
`fontSize`	`string \| number`	`64`	Font size
`fontWeight`	`string \| number`	`700`	Font weight
`fontFamily`	`string`	`inherit`	Font family

Was this helpful?

Dev