Controls

text

split

direction

staggers

durations

delays

blurpx

distancepx

Text Reveal

Word-by-word or character-by-character reveal with blur and stagger.

Open in v0

$ pnpm dlx shadcn@latest add @tweenly/text-reveal

import { TextReveal } from "@/components/text-reveal"

export function Demo() {
  return (
    <TextReveal
      text="Motion that feels considered, not decorated."
      className="text-4xl font-semibold tracking-tight"
    />
  )
}

Updates live as you change the controls. Only non-default props are included.