Every technique in the library, running.
119 techniques across 7 categories. Each tile is the component itself rather than a recording of it, which is why they take turns: the grid runs to a GPU budget, and a tile holds its poster until a slot is worth spending on it. Scroll to one, or hover it, and it takes the next slot.
- 119
- 7
- 4
- 49
Text
Splitting, staggering, scrambling, and typographic motion.
Asymmetric Typewriter
Rotating phrases that delete at twice the speed they type, with a beat of nothing at the empty string.
Char Stagger Then Scale-Up
Characters resolve left to right, then the whole word scales up with an overshoot as the last one lands.
Converging Headline Words
Headline words slide in from opposite margins and lock into a sentence, pinned to scroll position.
Eased Number Counter
A statistic that counts up on an eased curve and settles on its exact final figure without shifting the layout.
Font-Safe Text Splitting
Line splitting gated on document.fonts.ready, re-split on late fonts and on width change, debounced.
Letter Scramble
A word assembles out of noise — each character flips through wrong glyphs, decelerating onto the right one.
Nested Split With True Restore
Splits rich markup into masked lines and restores the original innerHTML byte-for-byte on teardown.
Scrubbed Character Colour Reveal
A dim paragraph resolves character by character as it crosses the viewport, tied to scroll position not a clock.
Pixels-Per-Second Marquee
A marquee whose duration is derived from measured width and a px/second speed, so every strip moves at the same rate.
Step-End Blinking Caret
A text caret that snaps on and off instead of fading, using step-end timing and an uneven blink rhythm.
Stroke-To-Fill Hover Rows
An index of outlined type where the hovered row fills in solid, drops its stroke, and steps sideways.