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 @moleculeui/word-rotate

Usage

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

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

Props

Prop

Type

Wave Loader

On This Page

Installation Props