Text Animate Demo 2

PreviousNext

Second example showing various text animations.

Docs
magicuiexample

Preview

Loading preview…
registry/example/text-animate-demo-2.tsx
import { TextAnimate } from "@/registry/magicui/text-animate"

export default function TextAnimateDemo2() {
  return (
    <TextAnimate animation="blurIn" as="h1">
      Blur in text
    </TextAnimate>
  )
}

Installation

npx shadcn@latest add @magicui/text-animate-demo-2

Usage

import { TextAnimateDemo2 } from "@/components/text-animate-demo-2"
<TextAnimateDemo2 />