shadcn index

Typing Animation Start on View

PreviousNext

Example showing animation that starts when in viewport.

Docs
magicuiexample

Preview

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

export default function Component() {
  return (
    <TypingAnimation startOnView>Starts typing when in view</TypingAnimation>
  )
}

Installation

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

Usage

import { TypingAnimationDemo4 } from "@/components/typing-animation-demo-4"
<TypingAnimationDemo4 />