Typewriter
A typewriter text effect that cycles through words.
npx arupui add typewriter
Preview
Build
Usage
typewriter.tsx
import { Typewriter } from "@/components/blocks/typewriter"
<Typewriter words={["faster", "better", "smarter"]} />Props
| Prop | Type | Default |
|---|---|---|
words | string[] | - |
typingSpeed | number | 100 |
deletingSpeed | number | 50 |
pauseDuration | number | 2000 |
wordsType:
string[]Default: -typingSpeedType:
numberDefault: 100deletingSpeedType:
numberDefault: 50pauseDurationType:
numberDefault: 2000