Text Generate Effect

A beautiful text animation that reveals words with a blur effect

Live Demo

Watch the text generate effect in action

Welcome to the future of text animation

Controls

Customize the animation behavior

Usage

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"
/>
Bright and Early