Blur Reveal Text

Below is a smooth blur reveal text component that animates characters one by one with elegant motion and blur effects — directly copy, customize, and use in your own projects.

You have the right to perform your duty, but not to the fruits of your actions.

Installation

$ pnpm dlx shadcn@latest add https://pulseui-henna.vercel.app/registry/BlurRevealText.json

Prop	Type	isCompulsory	Description
text	string	true	The text that is to be animated
className	string	false	Tailwind classes for styling the component
staggerValue	number	false	Sets the speed at which characters of the text appear in the animation; default value is 0.04