A smooth text effect that draws characters as strokes and fills them in—perfect for headers and highlights.
Examples
At once
Set oneByOne to false to animate all characters together without any stagger.
Your Text
Props
DrawLineText
| Prop | Type | Default |
|---|---|---|
| text | string | - |
| afterFill | boolean | true |
| oneByOne | boolean | true |
| fontSize | number | 40 |
| wordSpacing | number | 10 |
| strokeWidth | number | 1 |
| letterSpacing | number | 0 |
| color | string | - |