← Back to All Demos

Text Animator

GSAP-powered scroll-triggered text reveal.

5
Animations
GSAP
Engine
3
Split Modes
01

Variation 01

Fade Up, Words

Words fade up into position.

animation_type=fade-up
split_type=words
stagger=0.05

This heading reveals beautifully as you scroll down the page

Character by character animation reveals text gracefully

02

Variation 02

Fade Down, Characters

Each character fades down individually.

animation_type=fade-down
split_type=chars
stagger=0.02
03

Variation 03

Clip, Lines

Lines clip into view one at a time.

animation_type=clip
split_type=lines
stagger=0.15

Line by line this text clips into view creating a dramatic reveal effect

The typewriter effect types out each character one by one

04

Variation 04

Typewriter

Classic typewriter character reveal.

animation_type=typewriter
split_type=chars
stagger=0.03
05

Variation 05

Scramble

Text blurs into focus as you scroll.

animation_type=blur
split_type=words
stagger=0.05

Watch this text emerge from blur into crystal clear focus

All Variations

01
Fade Up Words
animation_typefade-up
split_typewords
stagger0.05
02
Fade Down Chars
animation_typefade-down
split_typechars
stagger0.02
03
Clip Lines
animation_typeclip
split_typelines
stagger0.15
04
Typewriter
animation_typetypewriter
split_typechars
stagger0.03
05
Scramble
animation_typeblur
split_typewords

All Available Options

Tag
H1H2H3H4PSpan
Split Type
WordsCharactersLines
Animation
Fade UpFade DownFade LeftFade RightScaleRotateBlurTypewriterFlipClip
Clip Direction
LeftRightTopBottom
Loop Mode
OnceScrollLoop
Other Controls
TextDuration (s)Stagger (s)Start PositionReduce Motion (Yes / No)