Text Split Blur

Split text reveal with blur and scale.

Installation

Requires MotionProvider and gsap. Add the text split blur component with the shadcn CLI.

npx shadcn@latest add https://yami.ui.unsanity.ai/r/text-split-blur.json

import { TextSplitBlur } from "@/void/text/text-split-blur"

<TextSplitBlur split="word" blur={12}>
  Split blur reveal
</TextSplitBlur>

import { TextSplitBlur } from "@/void/text/text-split-blur"

<TextSplitBlur split="word" blur={12}>
  Split blur reveal
</TextSplitBlur>