Aceternity UI

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

npx shadcn@latest add @aceternity/typewriter-effect

A more janky animation to give a typing effect.

The road to freedom starts from here

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

Next.js 15, Tailwind CSS v4 and Motion for react powered templates

100+ templates and blocks combined

Ready to copy paste component blocks, save days of development time

Access an ever-growing collection of premium, meticulously crafted templates and Component Blocks.

A product by Aceternity

Building in public at @mannupaaji