Text Animate Demo

PreviousNext

Example showing various text animations.

Docs
magicuiexample

Preview

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

export default function TextAnimateDemo() {
  return (
    <TextAnimate animation="blurInUp" by="character" once>
      Blur in by character
    </TextAnimate>
  )
}

Installation

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

Usage

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