Back to components
Text Animations
Engaging text reveal and scroll effects.
Split Text
SplitText
Preview
Code
Usage
H
e
l
l
o
,
W
o
r
l
d
!
Props Controls
Delay (ms)
50
100
150
200
300
Blur Text
BlurText
Preview
Code
Usage
Cinematic
Reveal
Props Controls
Direction
top
bottom
Animate By
words
letters
Infinite Scroll
InfiniteScroll
Preview
Code
Usage
React
Tailwind
Framer Motion
TypeScript
Next.js
React
Tailwind
Framer Motion
TypeScript
Next.js
Props Controls
Speed
slow
normal
fast
Direction
left
right
Pause on Hover