Spinning Text Demo 2

PreviousNext

Example showing spinning text animation.

Docs
magicuiexample

Preview

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

export default function SpinningTextBasic() {
  return (
    <SpinningText reverse className="text-4xl" duration={4} radius={6}>
      learn more • earn more • grow more •
    </SpinningText>
  )
}

Installation

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

Usage

import { SpinningTextDemo2 } from "@/components/spinning-text-demo-2"
<SpinningTextDemo2 />