Components/Text(19)

Text components from Beste UI, design system primitives built with shadcn/ui and Tailwind CSS.

Notheard.

Strike and Replace

A sentence that corrects itself: a line is drawn through the old word from left to right, and the better word settles in beside it out of a soft blur.

A

Circle Text

A line of text set around a circle that turns slowly, with room in the middle for an initial, an icon or a short word. A seal for corners, footers and hero edges.

+

Rolling Digits

A number whose digits roll like an odometer, each column sliding to its new figure a beat after the last, whenever the value changes. For prices that switch with a toggle, years, and live counters that climb on their own.

listened to

Highlight Sweep

An inline phrase that gets a soft highlight swept in behind it from the left when it scrolls into view, like a marker drawn across the words, without the text moving.

Running Line

A single line of text that runs across its container without end, fading at both edges and pausing under the pointer. Small caps for announcements, tracked serif for statements.

Letters Settling

A short word whose letters begin scattered and slightly turned, then drift home on a soft spring one after another, like type settling onto a page.

The fog lifts a little later each morning.

Fog Clearing

Text hidden behind fog that clears across it from left to right along one soft edge, so the words emerge in reading order without moving at all.

Slow Wave

A word whose letters rise and fall on one slow, continuous swell, each a beat behind the last, like a line of type resting on water. Stays still when reduced motion is preferred.

Slow,onpurpose.

Ink Drying

Words that begin as soft, spread blots of ink, wide-set and out of focus, and dry into crisp, tightly set type one after another.

Breathe

Photo Fill

Large serif letters filled with a photograph that drifts slowly inside them as the page scrolls, the picture showing through the type.

No forms, no commitment, no need to know what you want yet. Forty minutes to see whether this feels like a place you could talk.

Soft Blur In

A paragraph or heading that arrives as one piece, rising a few pixels out of a soft blur when it scrolls into view. The quiet companion to the word stagger, for body copy and descriptions.

listened to the end

Underline Draw

An inline phrase whose hairline underline draws itself in from the left when it scrolls into view. Drop it inside a heading or a sentence to mark the words that matter.

0+

Count Up

A figure that counts up from zero to its value the first time it scrolls into view, with a prefix, a suffix, decimals and thousands grouping, in tabular numerals so nothing shifts.

Typewriter

Text typed out one character at a time behind a thin caret that keeps a slow pulse once the line is finished. The element keeps the whole string as its accessible name.

Progressrarelyfeelslikeprogresswhileitishappening.Sometimesitisshowingup.

Scroll Highlight

A passage whose words brighten one after another in reading order as it scrolls through the viewport, and dim again on the way back, like a finger following the line.

Roomtobreathe.

Turning Word

A sentence whose one word takes turns: each candidate blurs up into place as the last blurs out, on a timer that stops when reduced motion is preferred.

Letter Cascade

Short text whose characters arrive one by one out of a light blur, for eyebrows, labels and single words. The element keeps the whole string as its accessible name.

Nothing changesall at once.

Line Reveal

Lines of text that rise into view out of their own clipped rows, one after another, the way a heading is unmasked line by line.

Roomtobreathe,andawayforward.

Word Stagger

Text that settles in one word at a time, each word rising a few pixels out of a soft blur. Plays on scroll by default, or immediately for heroes.

Markdown version