A beautiful text animation that reveals words with a blur effect
Watch the text generate effect in action
Customize the animation behavior
How to use the TextGenerateEffect component
import { TextGenerateEffect } from "@/components/effects/text-generate-effect";
<TextGenerateEffect
words="Your text here"
filter={true}
duration={0.5}
className="text-center"
/>A beautiful text animation that reveals words with a blur effect
Watch the text generate effect in action
Customize the animation behavior
How to use the TextGenerateEffect component
import { TextGenerateEffect } from "@/components/effects/text-generate-effect";
<TextGenerateEffect
words="Your text here"
filter={true}
duration={0.5}
className="text-center"
/>