Text Animate Demo 6

PreviousNext

Sixth example showing various text animations.

Docs
magicuiexample

Preview

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

export default function TextAnimateDemo6() {
  return (
    <TextAnimate animation="slideLeft" by="character">
      Slide left by character
    </TextAnimate>
  )
}

Installation

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

Usage

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