The fog lifts a little later each morning.
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.
The import and the props worth knowing about, in one place.
import { Text13 } from "@/components/beste/component/text13";
<Text13 as="h2" text="The fog lifts a little later each morning." className="font-serif text-5xl" />
<Text13
as="p"
text="Come as you are, stay as long as it takes."
softness={50} // width of the soft edge, percent
duration={3}
trigger="mount"
/>Turn the props on the right; the snippet under them is what you would write to get what you see.
The fog lifts a little later each morning.
import { Text13 } from "@/components/beste/component/text13";
<Text13
text="The fog lifts a little later each morning."
className="max-w-xs px-6 text-center font-serif text-2xl font-normal leading-[1.15] tracking-[-0.02em] text-foreground md:text-3xl"
/>Read from the component's own type, so this cannot drift from what it accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
text* | string | — | The text; a soft edge of fog clears across it from left to right |
as | "h1" | "h2" | "h3" | "p" | "blockquote" | — | |
trigger | "view" | "mount" | — | |
delay | number | — | |
duration | number | — | |
softness | number | — | Width of the soft edge, in percent of the element (default 35) |
className | string | — |
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.
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.
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.
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.
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.