Typing Animation

A one-shot typing animation with blinking cursor.

npx arupui add typing-animation
Preview

Usage

typing-animation.tsx
import { TypingAnimation } from "@/components/blocks/typing-animation"

<TypingAnimation text="Hello World" duration={80} />

Props

text
Type: stringDefault: -
duration
Type: numberDefault: 100
delay
Type: numberDefault: 0
Theme Editor

Theme

Radius0.5rem
Letter Spacing0em

Colors

light