Text Generate Effect
A cool text effect that fades in text on page load, one by one.
Installation
Run the following command
npx shadcn@latest add @aceternity/text-generate-effect
Props
Prop name | Type | Description |
---|---|---|
className | string | The class name of the child component. |
words | string | The word string that you want to animate |
duration | number | The duration of the animation |
filter | boolean | Whether to apply a filter to the text |
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
70+ templates and component blocks combined
Ready to copy paste component blocks, save days of development time

