Typewriter Effect
Text generates as if it is being typed on the screen.
The road to freedom starts from here
Build
awesome
apps
with
Aceternity.
Installation
Run the following command
npx shadcn@latest add @aceternity/typewriter-effectExample
A more janky animation to give a typing effect.
The road to freedom starts from here
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
200+ templates and blocks combined
Ready to copy paste component blocks, save days of development time
