Skip to content

Components / Text

Text

16 components · 10 at 0 B

Split, type, rotate, flip, roll, glitch, draw and highlight text, most of it with no script.

Swells the letter under the cursor to the heaviest weight and lifts it; its neighbours follow at half and a quarter, and everything settles when the pointer leaves.

every browserhover

A ring of text turning slowly around an icon, a logo, or nothing.

every browseralways

Counts a number up from zero to its value when it scrolls into view, with thousands separators, decimals, prefix and suffix.

newly · Chrome 91 · Firefox 128 · Safari 17scroll

Splits text into two coloured copies and jumps a few slices sideways for a fraction of a second, every few seconds; the rest of the time the text is clean.

every browseralways

A gradient fill drifting slowly through the text with no seam at the loop point.

every browseralways

A highlighter sweeps across the phrases you marked, one after another, when the sentence scrolls into view.

every browserscroll

Cycles through a list of words in place.

newly · Chrome 85 · Firefox 128 · Safari 16.4always

A highlight sweeps across the text every few seconds.

every browseralways

A departures board: every character spins through the alphabet and locks, one cell after another, when the board scrolls into view.

newly · Chrome 91 · Firefox 128 · Safari 17.2scroll

Splits a string into words, characters or lines on the server and reveals them with a capped stagger when they scroll into view.

every browserscroll

A headline's outline draws itself glyph by glyph when it scrolls into view, then the fill comes in.

every browserscroll

A label rolls upward into a copy of itself on hover, letter by letter from the left, and rolls back when the pointer leaves.

every browserhover

Random characters resolve into the real text from left to right when it scrolls into view, on load, or on hover.

every browserscrollhoverload

Types a string one character at a time in any font, with a caret that stays solid while typing and blinks once idle.

Chrome 116 · not Firefox · Safari 18load

A link underline that enters from the left on hover and leaves to the right, so the exit continues the entrance instead of rewinding it.

every browserhover

A wave of boldness rolls through the letters of a line, each character animating its font weight on its own delay.

every browseralways