ANIMATION SHOWCASE / TEXT
Titles and paragraphs that reveal, type, scramble, shine and draw — set in the Extra tab of a Title or Text Block.
01
Scroll Reveal
Text fills in letter by letter or word by word as you scroll — and runs back when you scroll up.
How to use: Title / Text Block → Extra → Scroll Reveal
Words rise into place, one by one.
Paragraphs work too: this one fades in word by word and keeps its bold and links.
This one plays once and stays.
Seven effects (colour, fade, blur, rise, drop, grow, shrink), letter by letter, word by word or the whole block, following the scroll or playing once.
02
Split Text
A title breaks into letters or words that play in when it comes on screen.
How to use: Title / Text Block → Extra → Split Text
Letters rise into place.
A wave runs through them.
Each letter turns up in 3D.
Letters pop in.
Letters drop in from above.
A soft fade, one by one.
From a blur to sharp.
Or word by word, for a whole sentence.
03
Text Scramble
Letters shuffle through random characters before they settle — when it comes on screen, on hover, or both.
How to use: Title / Text Block → Extra → Text Scramble
DECODING THE FUTURE
Hover any title here to play it again.
HELLO WORLD
Letters · on hover only
ACCESS GRANTED
Symbols
SYSTEM ONLINE
Zeros and ones
NEW RELEASE
Letters and symbols
04
Typewriter
A title types a word, deletes it and types the next, again and again.
How to use: Title → Extra → Typewriter
We build
05
Text Styles
Always-on looks for a title: a band of light, a glitch, or words turning in 3D.
How to use: Title → Extra → Text Style
Gradient sweep
GLITCH
Built for
Hover me: sweep
Plays on hover only
HOVER ME: GLITCH
Plays on hover only
06
Highlight Draw
Hand-drawn circles, markers and underlines draw themselves round the words you pick.
How to use: Title / Text Block → Extra → Highlight Draw
Build pages that grow faster
No code and no plugins to juggle — everything you need is already built in, and it is free to start.
Scroll to draw this underline
A simple underline
Underline
With a swoosh
Swoosh
Twice as clear
Double
Make it zigzag
Zigzag
Circle the deal
Circle
Put it in a box
Box
Old price, new price
Strike
Mark what matters
Marker
07
Text on a Path
Words run along a wave, an arc, an arch, an S-curve or round a circle — standing still, running, sliding with the scroll or turning.
How to use: Element: Text Path
Wave · runs along
Circle · turns slowly
Arc · stands still
Arch · slides with the scroll
S-curve · runs along