BLUR TO FOCUS
INTERACTION_031CSS
Blur To Focus Reveal
Copy resolves from a soft blur into perfect focus as it enters view.
Text / LightView
INTERACTION
LIBRARY.
TYPE
VIBE
TECH
COMPLEXITY
PLATFORM
016 RESULTS
MAKE IT
FEEL PREMIUM.
INTERACTION_032CSS
Masked Line Reveal
Each line slides up from behind an invisible mask, one after the other.
Text / LightView
MAKEITPREMIUM
INTERACTION_033CSS
Word By Word Reveal
Words fade up in sequence so the sentence assembles as you read it.
Text / LightView
INTERACTION_034CSS
Staggered Sentence Reveal
Sentences in a block arrive one at a time with a calm rhythm.
Text / LightView
INTERACTION_035CSS
Fade Up Paragraph
The workhorse: a paragraph lifts gently into place with no drama.
Text / LightView
MAKE IT
FEEL PREMIUM.
INTERACTION_036CSS
Clip Path Heading Reveal
A heading wipes into view as its clip rectangle opens left to right.
Text / LightView
MAKE ITPREMIUMKINETIC
INTERACTION_037CSS
Sliding Text Window
A fixed window shows one label at a time as the stack slides vertically.
Text / LightView
MAKE ITPREMIUMKINETIC
INTERACTION_038CSS
Rolling Words
One word in a sentence rolls over like a split-flap counter.
Text / LightView
MAKE ITPREMIUMKINETIC
INTERACTION_039CSS
Rotating Phrases
Full phrases cross-fade in place without shifting the layout around them.
Text / LightView
MAKEITPREMIUM
INTERACTION_040CSS
Kinetic Text
Oversized type scales and drifts in opposing directions for a poster feel.
Text / MediumView
PREMIUM SWEEP
INTERACTION_041CSS
Gradient Text Sweep
A light band travels through the letterforms like a reflection.
Text / LightView
npm run make-it-premium
INTERACTION_042CSS
Typewriter Text
Characters type in behind a blinking caret, then hold.
Text / LightView
▚◆VAULT/#%
INTERACTION_043CSS + JS
Decoding Text
Characters cycle through symbols before locking into the real word.
Text / LightView
▚◆VAULT/#%
INTERACTION_044CSS + JS
Scrambled Text Reveal
The whole string shuffles and settles like a mechanical board.
Text / LightView
HIGHLIGHTED
INTERACTION_045CSS
Text Highlight Sweep
A marker-style highlight wipes behind a keyword.
Text / LightView
MAKEITPREMIUM
INTERACTION_046CSS + JS
Scroll Synced Text Reveal
Words brighten as the scroll position moves through the paragraph.
Text / MediumView