Word Rotate Demo

Previous

Example showing vertical word rotation animation.

Docs
magicuiexample

Preview

Loading preview…
registry/example/word-rotate-demo.tsx
import { WordRotate } from "@/registry/magicui/word-rotate"

export default function WordRotateDemo() {
  return (
    <WordRotate
      className="text-4xl font-bold text-black dark:text-white"
      words={["Word", "Rotate"]}
    />
  )
}

Installation

npx shadcn@latest add @magicui/word-rotate-demo

Usage

import { WordRotateDemo } from "@/components/word-rotate-demo"
<WordRotateDemo />