Components
Draw Line Text
A smooth text effect that draws characters as strokes and fills them in—perfect for headers and highlights.
Default
Loading preview...
At once
Set oneByOne to false to animate all characters together without any stagger.
Loading preview...
Your Text
Loading preview...
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 | - |