Word Rotate

A text animation component that smoothly rotates through an array of words with customizable duration and motion effects.

Fast

import { WordRotate } from "@/components/molecule-ui/word-rotate"

export function WordRotateDemo() {
  return (
    <WordRotate
      className="text-5xl font-semibold"
      words={["Fast", "Smooth", "Beautiful"]}
    />
  )
}

Installation


pnpm dlx shadcn@latest add "https://moleculeui.design/r/word-rotate"

Usage

import { WordRotate } from "@/components/molecule-ui/word-rotate"

<WordRotate words={["Fast", "Smooth", "Beautiful"]} />

Props

Prop	Type	Default
`duration?`	`number`	`2000`
`words`	`string[]`	-

Wave Loader

On This Page

Installation Props