0%

text

TextSplitBlur

Split text reveal with blur and scale (GSAP Vault–style).

Playground

Scroll-based previews need you to scroll into view.

Live preview

Code

<TextSplitBlur split="word" stagger={0.06} blur={12} className="text-2xl font-bold">
  Split blur reveal
</TextSplitBlur>

Props

PropTypeDefaultDescription
splitword | char | linewordSplit unit
blurnumber12Starting blur (px)
staggernumber0.06Stagger between units