Animated Text

3 variants

Three composable text treatments for alternating hover labels and cycling or progressive blur-highlight paragraphs.

Alternating text swap

alternating-text-swap.tsx

A fixed-footprint hover label where alternating letters roll in opposite directions through a short motion blur.

$ bunx --bun shadcn add @beui-pro/

blur-highlight.tsx

A word-by-word paragraph reveal that automatically moves a restrained marker between selected phrases.

We turn ideas into interfaces where movement creates clarity, rhythm builds trust, and every interaction carries meaning.

$ bunx --bun shadcn add @beui-pro/

progressive-blur-highlight.tsx

A blur-revealed paragraph where selected phrases highlight in sequence and remain marked without cycling away.

Great products emerge when clear thinking meets careful details, confident motion, and the patience to refine what matters.

$ bunx --bun shadcn add @beui-pro/