Draw Line Text
A smooth text effect that draws characters as strokes and fills them in—perfect for headers and highlights.
Loading...
Installation
npx shadcn@latest add @paceui-ui/draw-line-textExamples
At once
Set oneByOne to false to animate all characters together without any stagger.
Loading...
Your Text
Loading...
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 | - |