Installation
Run the following command
npx shadcn@latest add @aceternity/typewriter-effect
Example
A more janky animation to give a typing effect.
Props
Prop name | Type | Description |
---|---|---|
className | string | The class name of the container component. |
words | Array<{text: string; className: string;}> | Every word with a className that you can define |
cursorClassName | string | The className of the cursor component |
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

