1. Docs
  2. Draw Line Text

Draw Line Text

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

Loading...

Installation

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-

The source code is available on GitHub.