Imported library
3427 items in the library.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages. Sign in
Industry
Style (typographic)
Licence
Source repo (matinmonshizadeh/animation-handbook)
- Subscription
Counter Animation - Numbers count 0 → target with easing on scroll entry
Scroll Effect
Four formats and configurable curve.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Text Fill on Scroll - A pinned paragraph fills word by word as you scroll
Text Effect
Pause mid-read, scroll back and it un-reads.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Slide Up Reveal - Text rises from below its clip boundary
Text Effect
TranslateY method vs clip-path inset, identical visual result.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Split Text Reveal - Text split into chars, words, or lines
Text Effect
Each piece staggers with --index CSS transition-delay.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Letter-by-Letter Stagger - CSS transition-delay cascade per letter, or JS typewriter mode with a blinking cursor
Text Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Word-by-Word Reveal - Words animate sequentially at 80–120ms per word
Text Effect
The readable stagger speed for taglines.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Kinetic Typography - Phrases enter, transform, and exit in a choreographed timeline
Text Effect
Motion reinforces meaning.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Typewriter Effect - Characters appear one at a time with a blinking cursor
Text Effect
Natural timing variance makes it feel human.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scramble / Glitch Text - Characters cycle randomly before locking left-to-right
Text Effect
Decryption and sci-fi aesthetic.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Variable Font Morph - CSS font-variation-settings animates weight, slant, and casual axes of a variable font
Text Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Text Clip-Path Reveal - Lines reveal via expanding clip-path mask
Text Effect
Preserves kerning and typographic spacing exactly.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Marquee / Ticker - Continuous horizontal scroll with seamless loop
Text Effect
Duplicated content makes the reset invisible.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Text Morphing - One word transitions into another character by character
Text Effect
Each letter slides out as the next slides in.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Text Gradient Animation - background-clip: text with animated background-position flows color through the characters
Text Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Outline to Fill - Hollow stroke letterforms fill with color
Text Effect
Clip-path reveal or opacity crossfade.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Enter/Exit Typography - Three-act phrase lifecycle: enter → hold → exit, sequenced for storytelling
Text Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Rotate Word Carousel - One keyword cycles through a list while the surrounding sentence stays static
Text Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Glitch Text - RGB-split copies jitter behind animated clip-path slices
Text Effect
The datamosh / signal-loss aesthetic.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Text on a Path - Text flows along an SVG curve via textPath with an animated startOffset
Text Effect
Wave, arc, or circle.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Wavy Text - Per-letter sine-wave bob with a staggered delay sends a wave travelling across the word
Text Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Chromatic Aberration - RGB channels offset via mix-blend-mode: screen
Text Effect
Static, pulse, and glitch modes.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in