shadcn index

Typing Animation Single Play

PreviousNext

Example showing single play without looping.

Docs
magicuiexample

Preview

Loading preview…
registry/example/typing-animation-demo-6.tsx
import { TypingAnimation } from "@/registry/magicui/typing-animation"

export default function Component() {
  return <TypingAnimation words={["First", "Second", "Final"]} loop={false} />
}

Installation

npx shadcn@latest add @magicui/typing-animation-demo-6

Usage

import { TypingAnimationDemo6 } from "@/components/typing-animation-demo-6"
<TypingAnimationDemo6 />