Clip-Draw Text
SVG stroke outline draws in character-by-character, then fills.
motionSVG
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Text
Stroke color
Stagger0.06s
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text* | string | — | The text to draw. |
color | string | "var(--brand)" | Stroke color. |
stagger | number | 0.06 | Seconds between each character. |
delay | number | 0 | Delay before the draw (seconds). |