Soft Blur In

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.

About this component

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.

Usage

The import and the props worth knowing about, in one place.

import { Text9 } from "@/components/beste/component/text9";

<Text9
  as="p"
  text="Forty minutes to see whether this feels like a place you could talk."
  className="text-lg text-muted-foreground"
/>

<Text9 as="h2" text="Still here." trigger="mount" blur={16} y={20} delay={0.4} />

Playground

Turn the props on the right; the snippet under them is what you would write to get what you see.

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.

Usage
import { Text9 } from "@/components/beste/component/text9";

<Text9
  text="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."
  className="max-w-xs px-6 text-center text-base leading-relaxed text-muted-foreground"
/>

Props

Read from the component's own type, so this cannot drift from what it accepts.

PropTypeDefaultDescription
text*stringThe text; it arrives as one piece out of a soft blur
as"h1" | "h2" | "h3" | "p" | "blockquote" | "div"
trigger"view" | "mount"
delaynumber
durationnumber
blurnumberStarting blur in pixels
ynumberStarting offset in pixels
classNamestring

More Text components

View all Text

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.

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.

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.

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.