logologo

Draw Line Text

A smooth text effect that draws characters as strokes and fills them in—perfect for headers and highlights.

Edit on GitHub

Loading...

Installation

npx shadcn@latest add @paceui-ui/draw-line-text

Examples

At once

Set oneByOne to false to animate all characters together without any stagger.

Loading...

Your Text

Loading...

Props

DrawLineText

PropTypeDefault
textstring-
afterFillbooleantrue
oneByOnebooleantrue
fontSizenumber40
wordSpacingnumber10
strokeWidthnumber1
letterSpacingnumber0
colorstring-

Built by Denish. The source code is available on GitHub.