Beta
Animate UI

Writing Text

A text component that smoothly reveals content word by word.

Made by imskyleen
Writing Text With Effect

Installation

Usage

<WritingText text="Hello world!" />

Props

PropTypeDefault
transition?
Transition
{ type: 'spring', bounce: 0, duration: 2, delay: 0.5 }
text
string
-
spacing?
number | string
5
inViewOnce?
boolean
true
inViewMargin?
string
0px
inView?
boolean
false
delay?
number
0.5
duration?
number
2
className?
string
-

Credits

  • Credits to Motion for the inspiration

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

On this page